我正试图通过Google Chrome扩展程序更改任何Google搜索中的标题条目属性。
所谓的标题条目是指这些红色下划线:
图片: http://postimg.org/image/sgsyccbpf/
通过Mozilla Firefox检查器查看随机Google搜索的HTML代码:
图片: http://postimg.org/image/gsywhsmkj/
我的想法是通过查找类名“rc”获取每个元素。也许这不是一个好主意,但我认为它会起作用。
为了开发Chrome扩展程序,我编写了以下文件:
这是我的扩展在自己的HTML页面中运作的演示: 图像: postimg.org/image/bdi02zvfl(这是一个链接到图像,但系统不允许我发布超过两个)
然而,在正常搜索Google时它不起作用。每个“标题条目”都应该像演示中那样有绿色背景并居中。
我错过了什么?
谢谢!
为了开发Chrome扩展程序,我编写了以下文件:
manifest.json
{
"name": "Test 1",
"version": "1.0.0",
"manifest_version": 2,
"content_scripts": [
{
"matches": [
"https://*/*",
"http://*/*",
"<all_urls>"
],
"js": ["content_scripts.js"],
"run_at": "document_start",
"all_frames": true
}
]
}
content:scripts.js
var doFilter = function() {
var classR = document.getElementsByClassName("rc");
for(var i=0; i < classR.length; i++) {
classR[i].setAttribute("style", "background-color:green");
classR[i].setAttribute("align", "center");
}
}
window.addEventListener("DOMContentLoaded", function() {
doFilter(document.body);
});
这是我的扩展在自己的HTML页面中运作的演示: 图像: postimg.org/image/bdi02zvfl(这是一个链接到图像,但系统不允许我发布超过两个)
然而,在正常搜索Google时它不起作用。每个“标题条目”都应该像演示中那样有绿色背景并居中。
我错过了什么?
谢谢!