打开开发者模式

入门版，只需要3个文件：mianfest.json，content_script.js，icon.png

一个简单版manifest.json，这个配置目的是，当打开https://developer.open-douyin.com/的时候，执行一个动作，这个动作在content-script.js里写。

{ 
  "name": "我的扩展程序", 
  "version": "2.1", 
  "manifest_version": 2,
   "description": "第一个扩展", 
   "content_scripts": 
   [
     {
       "matches": ["https://developer.open-douyin.com/*"],
       "js": ["js/jquery.js", "js/content-script.js"],
       "run_at": "document_start"
     }
   ]
}

关于配置文件可以看这个博客，有比较详细的介绍

https://www.cnblogs.com/xinxihua/articles/18164765

在content-script.js里随便写一行代码测试测试：

console.log('进入content-script.js了，插件生效');

通常我们抓取数据就可以在content-script.js里写一些读取document节点的代码，然后把代码上报。

同时可以类似上面写的，引入jQuery，方便写代码逻辑。

最后点击“加载已解压的扩展”，把扩展加载到浏览器。然后打开抖音开放平台：https://developer.open-douyin.com/forum/

看看console是不是有打印那一行。

经常有人发帖问怎么把小程序控制台的数据上报到自己的后台，这个基础版就能进解决这个问题。