我正在使用ReactJS创建Chrome扩展程序。我希望有两个页面,一个用于弹出窗口,另一个页面是通过单击弹出窗口上的按钮在新标签页中打开的。
我正在使用ReactJS创建Chrome扩展程序。我希望有两个页面,一个用于弹出窗口,另一个页面是通过单击弹出窗口上的按钮在新标签页中打开的。
首先建议按照这个教程学习基础知识。
https://medium.com/@gilfink/building-a-chrome-extension-using-react-c5bfe45aaf36
这对于基础知识会有很大的帮助。总体概括来说,您需要在public文件夹中更改manifest.json以使其看起来像Chrome扩展程序的manifest.json。在该manifest.json文件中,您需要添加index.html(也在public文件夹中),以便在任何您想要调用它的地方进行调用。
以下是示例:
{
"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构建后,在“Load Unpackaged”中选择Chrome扩展时,选择的是build文件夹而非public文件夹。
chrome.tabs.create
的文档和示例。 - wOxxOm