如何编写一个简单的 Chrome 扩展内容脚本,在每次页面加载时执行 JavaScript(例如 alert("hello");
)?
因此,当我导航到页面或重新加载页面时,JavaScript 应该运行。
这是迄今为止我的 manifest.json
文件:
{
"name": "Highlight some phrases",
"description": "Hightlight some pre defined text from websql database after page loads",
"version": "0.1",
"permissions": [
"tabs","<all_urls>"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"js": ["content.js"]
}
],
"background": {
"page": "background.html"
},
"manifest_version": 2
}
最佳答案
如果您只需要在每次页面加载或重新加载时提醒hello
,下面是一个简单的演示:
Manifest.json
:
{
"name": "Highlight some phrases",
"description": "Hightlight some pre defined text after page loads",
"version": "0.1",
"permissions": [
"tabs","<all_urls>"
],
"browser_action": {
"default_icon": "icon.png"
},
"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"js": ["content.js"],
"run_at": "document_end" // Pay attention to this line
}
],
"manifest_version": 2
}
和content.js
:
// alert("hello");
document.body.style.background = 'yellow';
是的,够了。
当然,不要忘记在这两个文件所在的同一目录中添加一个名为 icon.png
的图标,然后在 Google Chrome 中进行测试。
关于javascript - Chrome 扩展 - 用于在任何页面上运行 js 的简单内容脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19347499/