想要去学习如何开发一款chrome插件，最好的方法就是先去查看别人的chrome插件的源码，这是很多开发初学者最好的学习方法。因为各种原因，很可能是因为chrome内置API， chrome插件 源码
想要去学习如何开发一款chrome插件，最好的方法就是先去查看别人的chrome插件的源码，这是很多开发初学者最好的学习方法。因为各种原因，很可能是因为chrome内置API，chrome插件源码基本上是没有经过编译的。那么如何我查看chrome插件的源码呢？今天我们就要给大家介绍两种查看chrome扩展程序源码的方法。首先我们要来了解一下CRX源码的组成部分。chrome 插件CRX源码的组成部分
一个应用（扩展）其实是压缩在一起的一组文件，包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。 应用（扩展）本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全都有。应用（扩展）可以与Web页面交互，或者通过content script或cross-origin XMLHttpRequests与服务器交互。应用（扩展）还可以访问浏览器提供的内部功能，例如标签或书签等。
每个应用（扩展）都应该包含下面的文件：
1、一个manifest文件
2、一个或多个html文件（除非这个应用是一个皮肤）
3、可选的一个或多个javascript文件
4、可选的任何需要的其他文件，例如图片
5、在开发应用（扩展）时，需要把这些文件都放到同一个目录下。发布应用（扩展）时，这个目录全部打包到一个应用（扩展）名是.crx的压缩文件中。如果使用Chrome Developer Dashboard,上传应用（扩展），可以自动生成.crx文件。
系统文件查看chrome源码法
1.本文举例查看adblock插件的方法，在chrome扩展程序管理页面找到adblock插件的插件ID。chrome 打开扩展程序页面 chrome://extensions/，勾选开发者模式就可以看到插件ID如下图所示：
先复制他的Id：gighmmpiobklfepjocnamgkkbiglidom。然后去找到chrome插件的安装目录。方法参照：Chrome的插件扩展程序安装目录是什么？在哪个文件夹？找到插件所在的文件夹。默认位置未为C:\Users\“你的用户名”\AppData\Local\Google\Chrome\User Data\Default\Extensions，也可以先找到chrome安装位置，再点“User Data”-"Default"--"Extensions"进入。你会发现一个名为gighmmpiobklfepjocnamgkkbiglidom的目录。双击进去名如3.8.4_0的目录表示该扩展的版本。再进去就是源码了
先复制他的Id：gighmmpiobklfepjocnamgkkbiglidom。然后去找到chrome插件的安装目录。方法参照：Chrome的插件扩展程序安装目录是什么？在哪个文件夹？找到插件所在的文件夹。默认位置未为C:\Users\“你的用户名”\AppData\Local\Google\Chrome\User Data\Default\Extensions，也可以先找到chrome安装位置，再点“User Data”-"Default"--"Extensions"进入。你会发现一个名为gighmmpiobklfepjocnamgkkbiglidom的目录。双击进去名如3.8.4_0的目录表示该扩展的版本。再进去就是源码了
利用chrome插件查看源码方法
利用Source Code Reader扩展程序帮助查看chrome插件的源码，直接将Extension Id贴到下面的文本框中点查看就可以了。
