我有一个网络应用程序,并为其制作了一个Google Chrome扩展。如果我已经登录到网站,如何在Google Chrome扩展中检测它,以便我不必再次登录扩展。当我登录到网站时,我希望扩展能够检测到我已经登录到网站并自动登录到扩展。
我遇到了以下错误:
“content.js”无法加载内容脚本的JavaScript文件。
更新:
结构文件夹。
当我删除时
该扩展正在加载。
我遇到了以下错误:
“content.js”无法加载内容脚本的JavaScript文件。
manifest.json
{
"name": "EXTENSION",
"options_page": "options.html",
"background": {
"page": "background.html"
},
"content_scripts": [{
"matches": [ "*://*.app.com/*" ],
"js": [ "content.js" ],
"all_frames": true
}],
"browser_action": {
"default_popup": "popup.html",
"default_icon": "icon-34.png"
},
"icons": {
"128": "icon-128.png"
},
"permissions": [
"https://*/",
"http://*/",
"*://*.app.com/*",
"storage"
],
"version": "1.0",
"manifest_version": 2,
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}
content.js
if(chrome && chrome.storage){
chrome.storage.sync.get('token', function(result){
const item = result['access_token'];
console.log(item);
chrome.runtime.sendMessage(item, function(response) {
console.log(response);
});
});
}
var port = chrome.runtime.connect({name: 'test'});
port.onMessage.addListener(function(msg, port) {
console.log(msg);
});
port.postMessage('from-iframe');
popup.js
chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) {
console.log('popup got', msg, 'from', sender);
sendResponse('response');
});
var iframePort; another function
chrome.runtime.onConnect.addListener(function(port) {
iframePort = port;
port.onMessage.addListener(function(msg, port) {
console.log(msg);
});
port.postMessage('from-popup');
});
render(
<App/>,
window.document.getElementById("app-container")
);
popup.html
<div id="app-container">
<iframe width="500" height="500" src="https://app.com"></iframe>
</div>
更新:
结构文件夹。
//src
//js
//background.js
//options.js
//popup.js
//background.html
//manifest.json
//content.js
//options.html
//popup.html
当我删除时
"content_scripts": [{
"matches": [ "*://*.app.com/*" ],
"js": [ "content.js" ],
"all_frames": true
}]
该扩展正在加载。
content.js
的文件。 - Iván Nokonokocontent.js
与manifest.json
在同一文件夹中。看,我更新了我的文件结构。我发现你有编写Google Chrome扩展程序
的经验,能帮帮我吗? - Umbro