4

谁能告诉如何复制整个页面，类似于按 Ctrl+A，然后将当前选项卡复制到剪贴板。

目前我有这个，但尽管扩展已成功添加到 chrome，但它什么也没做：

清单文件

"permissions":
[
   "clipboardRead",
   "clipboardWrite"
],
// etc

内容脚本

chrome.extension.sendRequest({ text: "text you want to copy" });

背景页面

<html>
 <head>
 <script type="text/javascript">
   chrome.extension.onRequest.addListener(function (msg, sender, sendResponse) {

      var textarea = document.getElementById("tmp-clipboard");

      // now we put the message in the textarea
      textarea.value = msg.text;

      // and copy the text from the textarea
      textarea.select();
      document.execCommand("copy", false, null);


      // finally, cleanup / close the connection
      sendResponse({});
    });
  </script>
  </head>

  <body>
    <textarea id="tmp-clipboard"></textarea>
  </body>
</html>

弹出

<textarea id="tmp-clipboard"></textarea>
<input type="button" id="btn" value="Copy Page">

我无法让它工作，想知道我在这里缺少什么。

任何人都可以指导如何在当前选项卡中模仿Ctrl+A后跟Ctrl+C以便它存储在剪贴板中吗？

4

1 回答 1

6

您的代码中存在多个问题

  • 从 Chrome 20 开始，sendRequest 被弃用，取而代之的是 sendMessage
  • 从 Chrome 20 开始，不推荐使用onRequest.addListener ，取而代之的是 onMessage.addListener
  • 由于 CSP，您的代码中不能有标签

消除这些问题后，您的代码将按预期工作。

示范

您的用例的示例演示

清单.json

确保清单具有所有权限和注册

{
"name":"Copy Command",
"description":"http://stackoverflow.com/questions/14171654/chrome-extension-how-to-select-all-text-of-tab-and-copy",
"version":"1",
"manifest_version":2,
"background":{
    "page":"background.html"
},
"permissions":
[
   "clipboardRead",
   "clipboardWrite"
],
"content_scripts":[
{
"matches":["<all_urls>"],
"js":["script.js"]
}
]
}

背景.html

确保它尊重所有安全更改

<html>
<head>
<script src="background.js"></script>
</head>
<body>
<textarea id="tmp-clipboard"></textarea>
</body>
</html>

背景.js

为模拟Ctrl+A和Ctrl+添加了监听器C 

chrome.extension.onMessage.addListener(function (msg, sender, sendResponse) {
    //Set Content
    document.getElementById("tmp-clipboard").value = msg.text;
    //Get Input Element
    document.getElementById("tmp-clipboard").select();

    //Copy Content
    document.execCommand("Copy", false, null);
});

内容脚本.js

传递要复制的内容

chrome.extension.sendMessage({ text: "text you want to copy" });

参考

于 2013-01-05T14:00:54.783 回答