Question

我在chrome api页面示例中给出了简单的示例页面redder。在那里，他们使用后台脚本通过executeScript更改背景颜色。我不想那样做，我只想使用内容脚本（更容易访问DOM）。这是我的代码： 1）manifest.json

{
  "manifest_version": 2,
  "name": "Modified page redder example",
  "version": "1.0",
  "icons": { "16": "icon_16.png",
             "48": "icon_48.png",
            "128": "icon_128.png" },

  "permissions": [
      "activeTab"
    ],

  "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",

  "content_scripts" : [
     {
       "matches" : [ "<all_urls>" ],
       "js" : [ "contentscript.js" ]
     }
   ],
   "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Load apps"
    }
}

2）myscript.js

document.getElementById('btchange').onclick=function(){
    chrome.runtime.sendMessage('red');
}

3）popup.html

<html>
<body>
    <input type='button' value='change' id='btchange'>
    <script src='myscript.js'></script>
</body>
</html>

4）contentscript.js

chrome.runtime.onMessage.addListener(
    function (request, sender, sendResponse){
        //chrome.tabs.executeScript({code: 'document.body.style.backgroundColor = "'+request+'"'});
        alert(request);
    }
);

我没有收到我想要的结果。没错。没有承诺（通过红色警告）。

内容脚本的修改页面redder示例

0 个答案: