时间:2023-07-05 09:03:02 | 来源:网站运营
时间:2023-07-05 09:03:02 来源:网站运营
制作一个简单的chrome插件:{ "name": "Handsome Wu's first extension", "version": "1.0", "manifest_version": 2, "content_scripts": [ { "matches": ["<all_urls>"], "js": ["index.js"] } ]}
前三行是必须有的,具体什么意思想必会点英语都能懂,可以当作是默认要求的写 解释一下"content_scripts"这一块的意思: 使用"content_scripts"你可以修改你当前访问的页面的dom,主要是靠js实现的,里面的"matches"是一个数组,里面装的是一些匹配的规则,意思就是当你的页面的地址满足数组里面的值的时候就会操作js文件,如果你只想要某个网页实现效果而不是整个百度都实现时,那你就把all_urls改成你想要的网址就行了。而"js"里面的是具体的操作,具体操作就是要自己写了。document.body.style.background = "#000";/* *document是获取的是网页的文档 *body获取的是网页文档中body部分 *style是样式属性 *background是背景属性 *#000是黑色 *灰色部分是注释你可以不要输入进去 */
然后你就完成了所有输入工作。nice~ 最后的工作就是加入把这个脚本放入到chrome浏览器中,操作如图//可以实现每次打开新页面时在浏览器输出一句话alert('在这输入你想显示的话') /**************************************************///实现输出该页面有多少张图片var imgs = document.querySelectorAll('img'); alert(imgs.length);//ps:这个方法如果遇到页面里面很多图片可能要加载很久才能出来
关键词:简单