javascript - 使用 content_scripts 修改网页内容

Question

这不是重复，我已经检查过问题 Chrome extension: Modifying the content of a webpage 但它没有回答我的问题，因为我只想在特定时间阻塞，因此阻塞/不阻塞必须在 js 代码内完成(根据我的说法) )。

所以我有一个小 Chrome 扩展程序，我想在某些时间阻止某些网站。我没有放置检查时间的代码，因为它与我的问题无关。

manifest.json:

{
"manifest_version": 2,

"name": "Site Blocker Extension",
"description": "This extension blocks some sites at defined hours",
"version": "1.0",

"content_scripts": [
    {
        "matches": ["https://www.facebook.com/*"],
        "js": ["contentScript.js"]
    }
],
"page_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "SiteBlocker Extension"
},

"permissions": ["activeTab","tabs","https://www.facebook.com/*"]

}

contentScript.js:

chrome.tabs.executeScript({
//code: 'document.body.style.backgroundColor="red"'
   code: 'document.body.textContent="<p>Go back to work :-)</p>"'

});

无论是将背景颜色更改为红色，还是通过更改它来抑制 html 正文似乎都不起作用。

这是我的第一个 Chrome 扩展:你知道我做错了什么吗？

Answer 1

听起来你是个初学者。

我并不期待，但一直在搞乱扩展，足以了解一点。您可能想在您的 list 中添加一个背景页面。背景页面与内容脚本不同。内容脚本会在每次页面加载时运行，无论您的网页是否打开，后台页面都会在 chrome 打开的整个过程中运行。

“背景”:{
"脚本": ["background.js"]
},

“权限”:[
“网络请求”，
“://.facebook.com/*”
]

另请参阅 WebRequest
https://developer.chrome.com/extensions/webRequest
Blocking request in Chrome

Webrequest 您可以看到每个小请求，并将您的网络浏览器释放到您所在的网站，这对于阻止许多或非常具体的请求更有用。例如，如果您想阻止一些广告，或者只是 1 张图片。

祝您阅读愉快，希望您能找到一些好东西。