31

在检查 onUpdated.addListener 的 URL 时，我尝试了多种方法（所有记录的过程）将脚本注入特定页面。最后，下面带有“executescript”的代码似乎可以工作，但并不完美。我可以得到警报，但无法通过 getElementById/getElementsByName 找到页面的文档元素。

当我检查页面时，脚本被注入。但在错误控制台中我得到：

拒绝加载 chrome-extension://jfeiadiicafjpmaefageabnpamkapdhe/js/Leoscript.js。资源必须列在 web_accessible_resources 清单键中，才能被扩展之外的页面加载。

清单.json：

{
  "name": "Leo Extension for Job Boards",
  "version": "1.6",
  "manifest_version": 2,
  "content_security_policy": "script-src 'self'; object-src 'self'",
  "description": "Leo Extension",
  "background": {
    "scripts": ["js/Leojshelper.js"],
    "persistent": true
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["js/eventPage.js"],
      "run_at" : "document_start"
    }
  ],
  "icons":{"48":"images/bob48.png", "128":"images/bob128.png"}, //Define any icon sizes and the files that you want to use with them. 48/128 etc.
  "browser_action": {
    "default_icon": "images/bob.png",       // What icon do you want to display on the chrome toolbar
    "default_popup": "LeoExtwatch.html"     // The page to popup when button clicked.
  },
  "permissions": [
    "tabs", "<all_urls>"      // "http://*/*","https://*/*"             // Cross Site Access Requests
  ],
   "web_accessible_resources": ["js/LeoScript.js"]
}

我还授予了脚本的“web_accessible_resources”权限，但仍然没有成功。后台脚本中的代码：

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete') {
        if (tab.url.indexOf("in.yahoo") !== -1) {
            chrome.tabs.update(tabId, { url: "https://login.yahoo.com/config/mail?.intl=us" });
            chrome.tabs.executeScript(tabId, {
                code: "document.body.appendChild(document.createElement('script')).src='" +
    chrome.extension.getURL("js/LeoScript.js") + "';"
            }, null);

LeoScript.js 中的代码，将被注入特定页面。

$(document).ready(function () {
    alert('injected');
    document.getElementById('username').value='aaaaaaa';
});

内容脚本：eventPage.js，我用来注入脚本。

var script = document.createElement('script');
    script.src = chrome.extension.getURL("js/Leoscript.js");
    (document.body || document.head || document.documentElement).appendChild(script);

请指出上述代码中将解决权限问题的任何更改。提前致谢。

4

3 回答 3

15

更新：终于找到了你的问题。在 eventPage.js 中，您尝试注入未列入白名单的 js/Leoscript.js，而不是列入白名单的 js/LeoScript.js（大写“S”）。请注意，URL区分大小写！

chrome.tabs.executeScript(tabId, {file: 'js/LeoScript.js'});

LeoScript.js：

alert('injected');
document.getElementById('username').value='aaaaaaa';
于 2012-12-04T05:59:01.237 回答
15

编辑：

这是使用web_accessible_resources和Injection组合的工作版本

清单.json

{
"name":"Off Screen Tabs Demo",
"description":"This demonstrates Off Screen Tabs API",
"manifest_version":2,
"version":"1",
"permissions":["tabs","<all_urls>"],
"browser_action":{
    "default_icon":"screen.png",
    "default_popup":"popup.html"
},
 "web_accessible_resources": ["js/LeoScript.js"] ,
 "permissions":["tabs","<all_urls>"]
}

LeoScript.js

alert("Injected..");

popup.html

<html>
<head>
<script src="popup.js"></script>
</head>
<body>
</body>
</html>

弹出.js *

document.addEventListener("DOMContentLoaded",function (){
    chrome.tabs.executeScript( {"file": "js/LeoScript.js"});
});

如果您在运行它时仍有问题，请告诉我

于 2012-12-04T06:02:18.613 回答
7

许多人会因为这个错误而登陆这个页面，因为他们没有在 manifest.json 文件中包含他们的图像/网络资源。api文档的链接很有帮助，所以分享它：清单中的网络资源

于 2014-07-10T08:57:09.987 回答