如何从Chrome扩展程序JS文件

时间:2017-02-24 23:03:05

标签: google-chrome-extension google-chrome-devtools google-chrome-app

我试图弄清楚如何在我的js文件中访问扩展程序页面中的原始页面。 让我说我example.com/test.html,我想知道如何从我的扩展程序访问test.html(从download.js调用download.html

修改:我已在中间添加了另一个js脚本但是我从未到达download.js

更新感谢wOxxOm我设法得到了我想要的内容,我已经更新了以下搜索的问题。

这是我的代码:

background.js

chrome.tabs.executeScript(null, { file: "jquery.min.js" }, function() {
    chrome.tabs.executeScript(null, { file: "download.js" }, function(results){

        JSON.stringify(results);

        var i;
        for (i = 0; i < results[0].length; ++i) {
            chrome.downloads.download({
                url: results[0][i],
                filename: "/Users/testusr/Documents/"
                });
        }

     });
 });

download.js

[].map.call(document.querySelectorAll('[data-bimg] img'), function(e) { 
return e.src; 
});

的manifest.json

{
  "manifest_version": 2,
  "name": "test",
  "version": "1.0",
  "description": "This extension will download all product images",
  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "download.html"
  },
  "permissions": [
   "activeTab",
"downloads"
   ]
}

download.html

<!doctype html>
<html>
  <head>
    <title>Test</title>
    <script src="background.js"></script>
  </head>
  <body>
    <h1>Test</h1>
  </body>
</html>

0 个答案:

没有答案