在chrome扩展中注入js时执行XMLHttpRequest

时间:2018-03-07 18:08:29

标签: javascript google-chrome-extension xmlhttprequest

我需要在我的一个注入javascript文件中执行XMLHttpRequest(不在content_script js中),因为我使用了一个需要在DOM中注入工作的库。

这是我的 content.js 脚本:

function addScript(src) {
  const script = document.createElement("script");
  script.type = "text/javascript";
  script.src = chrome.extension.getURL(src);
  (document.body || document.head || document.documentElement).appendChild(script);
  return script;
}

function addStyle(src) {
  var css = document.createElement('link');
  css.rel = "stylesheet";
  css.type = "text/css";
  css.href = chrome.extension.getURL(src);
  (document.head || document.documentElement).appendChild(css);
  return css;
}

addStyle('dist/assets/css/style.css');
addScript("dist/js/app.js");

如果我尝试在此文件中执行我的XMLHttpRequest工作!

但我必须在 app.js

的一部分中这样做
findOrder(order){
    return new Promise ( (resolve, reject) => {

      var xhr = new XMLHttpRequest();
      console.log(xhr);
      xhr.open("GET", "https://111111.ngrok.io/", true);

      xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
          console.log(xhr.responseText);
          resolve(xhr.responseText);
        }
      }

      xhr.send();
    });
 }

这是我的 manifest.js

的一部分
{ 
"permissions": [
    "tabs",
    "notifications",
    "https://*.ngrok.io/*",
    "*://mail.google.com/*"
],

"content_scripts":[
    {
      "matches": [ "*://mail.google.com/*" ],
      "js": [
          "src/js/content.js"
      ],
      "run_at": "document_end"
    }
],

"web_accessible_resources":[
    "dist/assets/css/style.css",
    "dist/js/app.js",
    "dist/imgs/*.png"
]
}
有人可以帮帮我吗?

我尝试在 content.js 中添加CustomEventdispatchEvent我的 app.js addEventListener但是我无法通过回调来返回请求响应。

提前致谢!

(对不起我的英文)

0 个答案:

没有答案