想要去学习如何开发一款chrome插件,最好的方法就是先去查看别人的chrome插件的源码,这是很多开发初学者最好的学习方法。因为各种原因,很可能是因为chrome内置API, chrome插件 源码 想要去学习如何开发一款chrome插件,最好的方法就是先去查看别人的chrome插件的源码,这是很多开发初学者最好的学习方法。因为各种原因,很可能是因为chrome内置API,chrome插件源码基本上是没有经过编译的。那么如何我查看chrome插件的源码呢?今天我们就要给大家介绍两种查看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文件。
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的目录表示该扩展的版本。 再进去就是源码了
利用Source Code Reader扩展程序帮助查看chrome插件的源码,直接将Extension Id贴到下面的文本框中点查看就可以了。