当前位置: Chrome插件首页 > Chrome插件问答 > 如何查看chrome插件源码?查看chrome扩展程序源码方法

如何查看chrome插件源码?查看chrome扩展程序源码方法

Chrome插件问答
 
想要去学习如何开发一款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如下图所示:
adblock

先复制他的Id:gighmmpiobklfepjocnamgkkbiglidom。然后去找到chrome插件的安装目录。方法参照:Chrome的插件扩展程序安装目录是什么?在哪个文件夹?
找到插件所在的文件夹。默认位置未为C:\Users\“你的用户名”\AppData\Local\Google\Chrome\User Data\Default\Extensions,也可以先找到chrome安装位置,再点“User Data”-"Default"--"Extensions"进入。你会发现一个名为gighmmpiobklfepjocnamgkkbiglidom的目录。双击进去名如3.8.4_0的目录表示该扩展的版本。再进去就是源码了

找到crx安装目录

利用chrome插件查看源码方法

利用Source Code Reader扩展程序帮助查看chrome插件的源码,直接将Extension Id贴到下面的文本框中点查看就可以了。
code source reader


相关文章推荐

1.怎么样去开发一个简单的chrome浏览器插件
2.怎么从Chrome浏览器中导出扩展程序为crx文件?