JavaScript 技術篇-navigator.permissions讀取chrome剪切闆權限擷取不生效原因：隻有在https協定下使用有效。手動設定chrome頁面剪切闆讀取權限方法

​

擷取剪切闆權限，如果是在 F12 控制台執行，需要在 5 秒内點選一下網頁内容，這個是隻有焦點在頁面裡才可以用，因為隻支援 https 協定，是以要焦點在頁面内才能判斷是否是該協定，http 位址被 chrome 認為是不安全的連接配接。

setTimeout(async () => { 
    // 讀取剪切闆内容
    const text = await navigator.clipboard.readText(); 
    console.log(text); 
}, 5000);      

效果圖如下：

擷取權限後效果圖，點選那個小鎖看到已經擁有剪切闆權限了：

可以用下面的方法擷取剪切闆權限的值。

navigator.permissions.query({
  name: 'clipboard-read'
}).then(permissionStatus => {
  // permissionStatus.state 的值是 'granted'、'denied'、'prompt':
  console.log(permissionStatus.state);
});      

執行效果圖：

手動設定剪切闆權限方法：

喜歡的點個贊❤吧！