我创建了一个非常简单的插件供个人使用。它唯一要做的就是显示带有外部URL的“弹出窗口”。到目前为止,它工作正常,但现在我当然想添加功能。为此,我想访问在其上打开扩展名的选项卡的URL。我已经尝试了很多东西,但是似乎无法动弹。我也很高兴将URL作为参数添加到“ default_popup”的url中。
这是我的manifest.json:
{
"browser_action": {
"browser_style": true,
"default_title": "Name of addon",
"default_popup": "https://www.testdomain.com/dir/"
},
"icons": {
"48": "lock.svg",
"96": "lock.svg"
},
"description": "Open given page in window on top of browser I guess...?",
"manifest_version": 2,
"name": "Name of addon",
"version": "1.0.11",
"permissions": [
"tabs"
],
"applications": {
"gecko": {
"id": "[email protected]"
}
}
}
对于经验丰富的开发人员来说,这可能只是一件简单的事情,但是我今天才开始:)
您必须声明弹出窗口以使用属于该扩展名的页面。该页面内的脚本将能够获取当前选项卡的URL,并将弹出窗口重定向到外部站点。
manifest.json,内部browser_action
部分:
"default_popup": "popup.html"
创建popup.html:
<script src="popup.js"></script>
创建popup.js:
(async () => {
const [tab] = await browser.tabs.query({active: true, currentWindow: true});
location.href = 'https://www.example.com/?foo=' + encodeURIComponent(tab.url);
})();
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句