Chrome 56 扩展开发入门：Content Scripts

Content Scripts 是在 Web 页面内运行的 Javascript 脚本。通过使用标准的 DOM，可以获取浏览器所访问页面的详细信息，并可以修改这些信息。

文件列表

+ chrome56-extension-contentscripts
      icon.png
      manifest.json
      content.js

manifest.json

内容如下：

{
  "name": "testContentScripts",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Content Scripts 测试",
  "icons":
  {
    "48": "icon.png"
  },
  "browser_action":
  {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"], // 匹配所有网址
      "js": ["content.js"]
    }
  ]
}

其中，

• matches —— 必须配置。定义哪些页面需要注入Content Scripts。
• js —— 可选配置。需要向页面中注入的 Javascript 文件，按定义顺序注入。

content.js

alert(document.getElementsByTagName("title")[0].text);

执行效果

每当有页面被打开或者被刷新，都会弹出对话框，显示标题中的文本。

---

实验环境：

• Windows 7 Profressional (64位)
• Chrome 56.0.2924.87

参考文档

• http://open.chrome.360.cn/extension_dev/content_scripts.html