Marshal's Blog

chrome扩展编写加载页面时显示警告对话框

这是一个很简单的示例，但是可以说明使用chrome extension的content script。

效果很简单，无论通过chrome浏览器打开什么网站，都会在页面加载完成后弹出一个警告对话框。如图：

这个插件很简单，首先需要创建一个目录，在任意地方。

然后，编写一个manifest.json文件：

{
  "name": "DOM Selector Extension",
  "version": "1.0",
  "description": "Select html dom and send to target site.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
    "http://marshal.easymorse.com/"
  ],
    "content_scripts": [
    {
      "matches": ["http://marshal.easymorse.com就会安装出错；

js文件注意编码是UTF-8的，否则，如果包括汉字，整个js程序无法执行。

安装这个扩展很简单，先：

然后：

选择上面创建的目录就可以了。

这里需要说一下content script，其实就是js代码，可以运行在web页面中，通过JS API操作DOM。功能很强大，可以读取页面中的详细内容或者改变内容。

不过为了安全考虑，content script也有一些限制：

• chrome.* API，这是chrome extension提供的javascript api，可以访问扩展提供的浏览器自身的功能，但是content script不能使用；
• 不能访问扩展页面中的变量和函数；
• 不能访问其他content script中的变量和函数；
• 不能访问web页面中的变量和函数；
• 不能发起跨站XML HttpRequest。

但是可以通过间接的办法访问chrome.* API，访问扩展中的数据，办法是通过google extension提供的message passing。另外，content script也可以通过共享DOM和web页面通讯。

日志引用

• 通过content script改变web页面

   发送文章为PDF