使用content_scripts修改网页的内容

时间:2018-03-16 19:13:02

标签: javascript google-chrome-extension

这不是一个重复,我已经检查了问题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的主体。

这是我的第一个镀铬扩展:你知道我做错了吗?

1 个答案:

答案 0 :(得分:1)

听起来像是你的初学者。

我不是没想到,但一直在搞乱扩展,以至于知道一点。 你可能想在你的manafest上添加一个背景页面。后台页面与内容脚本不同。内容脚本运行每个页面加载,后台页面运行整个时间chrome是打开天气您的网页是否打开。

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

“权限”:[
“webRequest”,
:// .facebook.com / *”
]

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

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

享受阅读,希望你能找到一些好东西。