一. 查看chrome插件源码(扩展程序源码)的方法
1.1 crx 是chrome 插件源码打包后的文件后缀名:
一个应用(扩展)其实是压缩在一起的一组文件,包括HTML,CSS,Javascript脚本,图片文件,还有其它任何需要的文件。 应用(扩展)本质上来说就是web页面,它们可以使用所有的浏览器提供的API,从XMLHttpRequest到JSON到HTML5全都有。应用(扩展)可以与Web页面交互,或者通过content script或cross-origin XMLHttpRequests与服务器交互。应用(扩展)还可以访问浏览器提供的内部功能,例如标签或书签等。
1.2 实操演练:
本文举例查看Vue.js devtools
插件的方法,在chrome扩展程序管理页面找到Vue.js devtools
插件的插件ID。chrome 打开扩展程序页面 chrome://extensions/,勾选开发者模式就可以看到插件ID如下图所示:
先复制他的ID:nhdogjmejiglipccpnnnanhbledajbpd。然后去找到chrome插件的安装目录。
1.3 关于安装目录
正常情况下,Chrome插件扩展程序的默认安装目录如下:
-
windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions
-
windows7中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions
-
MAC中chrome插件默认安装目录位置:~/Library/Application Support/Google/Chrome/Default/Extensions(可能在用户下的资源目录下)
-
Ubuntu中chrome插件默认安装目录位置: ~/.config/google-chrome/Default/Extensions
如果找不到建议浏览器输入chrome://version/ 即可查看到 个人资料路径
找到源码安装路径后查找id就能找到源码了。
如下图所示:
二. Mac如何显示资源库(Library)
Mac中Library目录是默认隐藏的,要想找到此文件夹可在访达中按Com+j 勾选显示资源库文件。