Chrome扩展-如何运行页面加载eval代码

Question

所以我试图使一个扩展，允许您编写自定义JS被注入任何页面上的给定域。我的弹出式加载保存的JS代码，当点击保存时，JS被评估，这工作得很好。但是，我不知道如何让代码在页面加载时进行评估。

这是我到目前为止写的。

//Content.js
//Globals
var entries = {"test": "test"};     //Entries dictionary "domain": "js code"
var url = window.location.href;     //Full URL of the tab
var parts = url.split("/");         //URL split by '/' character
var domain = parts[2] + '';         //Just the domain (global)
loadChanges();
chrome.runtime.onMessage.addListener(listener);
window.onload=eval(entries[domain]); //doesn't work

function listener (request, sender, sendResponse) {
console.log("Manipulating data for: " + domain);
if (request == "LOAD"){
if(entries.hasOwnProperty(domain)){
console.log("PE - Loaded Value: " + entries[domain].toString());
sendResponse(entries[domain]);
} else {
console.log("Nothing to load");
sendResponse('');
}
} else {
entries[domain] = request;
console.log(entries[domain]);
saveChanges();
eval(request); //This one DOES work
}
}
//Load saved code (on startup)
function loadChanges() {
chrome.storage.local.get(['PE'], function (data){
console.log(data.PE);
if (data.PE == null){
return;
}
entries=data.PE;
});

if(entries.hasOwnProperty(domain)){
eval(entries[domain]); //doesn't work
}
}
//Save changes to code (on button press)
function saveChanges() {
chrome.storage.local.set({PE: entries}, function(data){
console.log("Saved Value: " + entries[domain])
});
}

注意"不起作用"这里有注释

manifest.json
{
"name": "PersistEdit",
"version": "0.1.1",
"manifest_version": 2,
"content_scripts":[
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"run_at": "document_end",
"persistent": false
}
],
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"browser_action": {
"default_popup": "popup.html",
"default_title": "PersistEdit"
},
"permissions": [
"storage"
]
}

document.addEventListener('DOMContentLoaded', onload, false);
function onload(){
chrome.tabs.query({currentWindow: true, active: true}, function (tabs){
chrome.tabs.sendMessage(tabs[0].id, "LOAD");
});
}

没有包括我的popup.html或popup.js，因为它的那些部分工作的预期，但我可以包括他们，如果有必要。我不知道我在这里错过了什么，任何指导都会很感激。

Answer 1

窗口。Onload应该是一个函数。在这里，window.onload=eval(entries[domain]);你只是将eval的结果赋值给onload(这在赋值期间立即发生)。有可能此时条目没有正确填充。

试试下面的代码

window.onload=function () {
eval(entries[domain]);
}