Chrome插件实现点击跳转打开第三方平台的实现

Posted 2022-02-17 aiguangyuan

因业务需要，需要开发一款浏览器插件，这个浏览器插件安装在我们自己的运营系统上面，在系统里面点击某个公众号所对应的第三方平台时，浏览器新开一个窗口打开第三方平台。

1. 业务背景

属于小说分销业务，在第三方书城平台对接我们的公众号，由于第三方平台有点多，每个平台上面我们的公众号也很多，所以就有了我们自己的运营系统集中管理这些号，但是有时候想查看这些号在第三方平台的一些情况，就特别不方便，所以就有了开发这个插件的需求。

2. 实现思路

1. 由于页面上需要点击事件，所以需要动态的注入JS，来操作页面上的DOM；

2. 动态注入的JS中获取信息后是不能直接和background.js通信的，需要传给content-script.js，再传给background.js；

3. 在background.js发起请求获取对应平台的cookie，通过插件设置要打开平台的cookie后，通过Chrome内置事件打开平台的链接地址；

3. 代码实现

首先是manifest.json文件代码：

    "manifest_version": 2,
    "name": "小说运营系统跳转插件",
    "version": "1.0",
    "description": "此插件只能在用于小说运营系