chrome扩展开发：[9]Content Scripts

简单介绍Content Scripts并通过实例加以说明

工具/原料

chrome浏览器

文本编辑器

概述

1、Content Scripts是运行在网殳陌抻泥页上下文中的js脚本，它可以读取网页的DOM，也可以修改。但不能访问樘论罪朋网页js中定义的函数和变量，也不能访问其它Content Scripts中定义的函数和变量。可以认为Content Scripts是被插入到网页中了。下面一段摘自官方文档：

4、下一步我们做一个小例子，读取csdn首页里的部分内容。以此来说明Content Scripts的使用。

读取网页内容的实例

1、为了将Content Scripts加入到扩展当中，首先新建一个js文件，放在test目录下。可以命名为cs1.js，

2、在manifest.json文件里添加以下说明，"content_scr坡纠课柩ipts": [ { 艘早祓胂 "js": [ "jquery-2.0.3.min.js","cs1.js"], "matches": [ "*://www.csdn.net/*","file://*" ] }]由于我们用到了jquery库，所以js文件数组里要引入jquery-2.0.3.min.js，然后就是我们自己的js文件cs1.jsmatches里包含了要插入js文件的url修改后的manifest.json如下：

4、它的html源码大约如下：

模拟用户点击的实例

1、接上节，本节介绍模拟用户点击，打开我们刚刚读取的<a>元素。我们只点击第一个<a>。在cs1.js中加一行代码：alist[0].click();