我正在制作Chrome扩展程序。此扩展的一部分需要能够模拟单击以激活页面上的onClick事件。以下是后台脚本中的代码:
function checkForValidUrl(tabId, changeInfo, tab) {
// If the letter 'g' is found in the tab's URL...
if (tab.url.indexOf('maps') > -1 && tab.url.indexOf('google') > -1) {
// ... show the page action.
chrome.pageAction.show(tabId);
}
};
// Listen for any changes to the URL of any tab.
chrome.tabs.onUpdated.addListener(checkForValidUrl);
chrome.pageAction.onClicked.addListener(function() {
document.getElementById("paneltoggle2").click();
});
以下是我从chrome的java脚本调试中获得的错误消息:
Error in event handler for 'pageAction.onClicked': Cannot call method 'click' of null TypeError: Cannot call method 'click' of null
at chrome-extension://deogcaeekneeagffbhdlflichjlodlem/js/main.js:26:42
at chrome.Event.dispatchToListener (event_bindings:387:21)
at chrome.Event.dispatch_ (event_bindings:373:27)
at dispatchArgs (event_bindings:249:22)
at Object.chromeHidden.Event.dispatchEvent (event_bindings:257:7) event_bindings:377
chrome.Event.dispatch_ event_bindings:377
dispatchArgs event_bindings:249
chromeHidden.Event.dispatchEvent event_bindings:257
我猜这是与清单文件中的权限有关...现在我只有“标签”的权限。我需要激活一些其他权限才能模拟点击而不会出现错误吗?哦,我正在尝试使用版本2清单协议使其具备此功能。
谢谢, Leinardo
答案 0 :(得分:5)
扩展和页面的脚本执行环境不同。
使用chrome.tabs.executeScript
例如,将一些文字粘贴到Google搜索字段
文件:manifest.json
{
"name": "My Test",
"version": "1",
"manifest_version": 2,
"background": {
"scripts": ["background.js"]
},
"page_action": {
"default_icon": "icon.png"
},
"permissions": ["tabs", "http://*/*", "https://*/*"]
}
档案:background.js
function checkForValidUrl(tabId, changeInfo, tab) {
if (tab.url.indexOf("g") > -1) {
chrome.pageAction.show(tabId);
}
}
chrome.tabs.onUpdated.addListener(checkForValidUrl);
chrome.pageAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(tab.id, {code: "document.getElementById('gbqfq').value = 'Hello World!';"});
});
在清单文件中,需要托管("http://*/*"
)的权限。
但如果问题严格依赖JavaScript点击事件,请查看此处 How to simulate a click with JavaScript?
答案 1 :(得分:0)
不确定这是否适用于Chrome扩展程序,但您可以使用document.createEvent方法,如下所述: