浏览器的插件很好用，怎么查看该插件的源代码？

本文主讲怎么查看某个浏览器插件的源代码，基于Windows操作系统PC端谷歌浏览器，其他操作系统和浏览器请读者类比。

文章概述：

• 浏览器插件原理概述

• 使用谷歌浏览器查看插件源码位置

• 源代码分析

1.浏览器插件原理概述

浏览器插件的本质其实跟网页一样，由HTML，CSS和JavaScript组成，如果你懂一点点前端知识，就可以自己编写自己喜欢的浏览器插件。

2.使用谷歌浏览器查看插件源码位置

选择你喜欢的插件，地址栏输入chrome://extensions/，打开扩展程序，勾选开发者模式，可以看到安装的每个插件的ID，这个ID就是该插件的唯一标识。

查看插件的ID

地址栏输入chrome://version，打开浏览器版本信息，可以看到浏览器在你本地的文件路径，复制路径，打开该文件。

打开Extensions文件夹，找到刚才看到的ID对应的那个文件夹就是源代码了。

我这里打开的是淘宝客助手插件的源码：

然后用WebStrom打开源码如下，你可以自行查看了。

源代码分析

左侧目录结构，我相信就算是代码小白也可以看的懂吧，不多说 了。

这里就多了一个配置文件。manifest.json，是一个json，也很简单。