web應用(vue) 瀏覽器獲取和修改剪貼板內容

web應用(vue) 瀏覽器獲取和修改剪貼板內容

需求分析

最近想做一個通過瀏覽器web同步多終端剪貼板的功能,好處是有瀏覽器即可使用,不用向着去多終端使用,主要涉及到獲取和修改剪貼板兩大功能,修改很容易,vue也有專門的cli插件可以使用,但是獲取剪貼板的功能就比較少見了,網上的資料也很少,但是在MDN上發現了可行的剪貼板接口。

Clipboard.readText

官方文檔Clipboard.readText()鏈接
https://developer.mozilla.org/zh-CN/docs/Web/API/Clipboard/readText
在這裏插入圖片描述

兼容性

在這裏插入圖片描述

使用

使用特別簡單,基本與樣例相同。 在電腦端谷歌瀏覽器打開項目會提示,點擊允許就可以。在這裏插入圖片描述

安卓端問題

但在安卓端谷歌瀏覽器使用時發現沒有彈出框,通過嘗試發現是http的關係,於是我將所有http頁面與接口全改爲https,可以成功。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章