我想从我正在创建的chrome扩展将一些数据写入clipborad。在清单文件中,我授予了clipboardRead和clipboardWrite的权限
我使用这个功能,我在这里找到
但它不起作用。似乎"document.execCommand('copy');"无法工作。
我用内容脚本编写所有这些代码。
thx清单:
{
"manifest_version":2,
"name":"easyCopy",
"description":"just a small toll",
"version":"1.0.0",
"permissions":[
"clipboardWrite", "http://*/*", "clipboardRead"
],
"content_scripts":[
{
"matches":["http://*/*"],
"js":["jquery-1.9.1.min.js", "main_feature.js"]
}
],
"background":{
"persistent":false,
"page":"background.html"
}
}
main_feature.js:
copyOrderId();
function copyOrderId() {
$(".order-num").click(function () {
var curOrderNum = $(this).text();
copyTextToClipboard(curOrderNum);
// chrome.extension.sendMessage({method:"copy", content:curOrderNum}, function (response) {
// clog(response);
// });
});
}
function copyTextToClipboard(text) {
var copyFrom = $('<textarea/>');
copyFrom.text(text);
$('body').append(copyFrom);
copyFrom.select();
document.execCommand('copy', true);
copyFrom.remove();
}
function clog(message) {
console.log(message);
}
background.html只是一个具有基本html正文的空白页面。
谢谢大家,我最终使用了这个:
document.execCommand
无法在内容脚本中工作。相反,我将数据发送到后台页面,然后运行"copyTextToClipboard"函数。
请注意,您必须将JavaScript放入一个.js文件中,而不是将其与background.html.混合
此外,文本区域必须具有id
或class
属性。