我正在创建我自己的chrome扩展。我希望能够在单击快捷方式后运行脚本。我的清单如下所示:
{
"name": "Test",
"version": "0.0.1",
"manifest_version": 2,
"description": "Test ext",
"homepage_url": "",
"icons": {
"16": "icons/test-icon.jpg",
"48": "icons/test-icon.jpg",
"128": "icons/test-icon.jpg"
},
"default_locale": "en",
"background": {
"scripts": ["src/bg/background.js"],
"persistent": true
},
"commands":{
"run-script": {
"suggested_key": {
"default": "Ctrl+E",
"windows": "Ctrl+E",
"mac": "Command+E"
},
"description": "Run",
"global": true
}
},
"browser_action": {
"default_icon": "icons/test-icon.jpg",
"default_title": "browser action demo",
"default_popup": "src/browser_action/browser_action.html"
},
"permissions": ["tabs", "https://*/*", "storage"],
"content_scripts": [
{
"matches": [
"https://www.test.co.uk/*"
],
"js": ["src/inject/inject.js"]
}
]
}
所以我有简单的用户界面和开始按钮的扩展。我希望能够在那之后使用CTRL+E或CMD+E来运行脚本。当我转到chrome设置中的扩展时,我看到了快捷方式:
因此,据我所知,我应该获取console.log
,并且我正在后台控制台中获取它。但是,如果我想使用该快捷方式将实际页面更改为另一个页面,该怎么办?我怎样才能做到这一点呢?这不起作用:
chrome.commands.onCommand.addListener((command) => {
location.replace(
`https://www.solebox.com/en_GB/checkout?stage=shipping#shipping`
);
});
什么都没发生。
发布于 2021-06-18 20:09:09
通过以下方式修复:
chrome.commands.onCommand.addListener((command) => {
chrome.tabs.update({
url: `https://www.google.com`,
});
});
据我所知,我不能在background.js
中使用location.replace
或任何其他js方法。我只能使用chrome命令来切换页面,然后使用我的inject.js
文件在页面上进行一些更改。
发布于 2021-06-18 20:00:51
// background.js
chrome.commands.onCommand.addListener((command) => {
// location.replace(...)
chrome.tabs.query({active: true}, function(tabs) {
chrome.tabs.update(tabs[0].id, {url: 'https://...'});
});
});
发布于 2021-06-17 05:17:54
Ctrl+E
是chrome自己注册的快捷方式,也许可以试试Ctrl+Q
。
打开服务工作者/后台脚本的控制台也很重要,日志将在此处显示。
https://stackoverflow.com/questions/67884705
复制相似问题