我需要在我的一个注入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 中添加CustomEvent
和dispatchEvent
我的 app.js 和addEventListener
但是我无法通过回调来返回请求响应。
提前致谢!
(对不起我的英文)