![](/img/trans.png)
[英]How do I have a link from a Google Chrome extension popup open in the same tab underneath?
[英]How do I create a ReactJS chrome extension that can open a new tab from a popup?
我正在使用 ReactJS 创建一个 chrome 扩展。 我基本上想要有两个页面 - 一个用于弹出窗口,第二个页面通过单击弹出窗口上的按钮在新选项卡中打开。
首先,我建议按照本教程了解基础知识。
https://medium.com/@gilfink/building-a-chrome-extension-using-react-c5bfe45aaf36
这将有助于大量的基础知识。 概括地说,您希望将public 文件夹中的 manifest.json 更改为 chrome 扩展 manifest.json 的样子。 在 manifest.json 中,您希望添加 index.html(也在公共文件夹中),以便在您希望真正调用它的任何地方调用它。
下面的例子:
{
"manifest_version": 2,
"short_name": "XXX",
"name": "XXX",
"version": "1.0.2",
"browser_action": {
"default_popup": "index.html", //popup page occurs when you click on the favicon
"default_title": "Open the popup"
},
"chrome_url_overrides": {
"newtab": "index.html" //registers an override page (index.html) to the newtab page.
}
}
覆盖其他页面: https : //developer.chrome.com/extensions/override
注意:确保在使用 npm run build 构建后,并在“加载未打包”中选择 chrome 扩展时,您选择的是构建文件夹而不是公共文件夹。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.