Marshal's Blog

通过content script改变web页面

google chrome extension可以改变页面，通过content script来实现。

写了个特别简单的代码，可以看到google搜索的结果，所有div都增加了1个像素点的边框。

这个例子是在chrome扩展编写加载页面时显示警告对话框基础上修改得到的。

在content script中还是想使用jquery，自己直接写javascript很辛苦，而且可能不支持多种浏览器。但是，content script有限制：

Use variables or functions defined by web pages or by other content scripts

没办法，只好将jquery的代码复制到content script代码之前。

在content script，也就是main.js中，只有一行是自己的：

$("div").css("border", "1px solid gray");

   发送文章为PDF