查看chrome插件源码(扩展程序源码)方法以及Mac如何显示资源库(Library)

一. 查看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插件扩展程序的默认安装目录如下：

1. windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions

2. windows7中chrome插件默认安装目录位置: C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions

3. MAC中chrome插件默认安装目录位置：~/Library/Application Support/Google/Chrome/Default/Extensions（可能在用户下的资源目录下）

4. Ubuntu中chrome插件默认安装目录位置： ~/.config/google-chrome/Default/Extensions

如果找不到建议浏览器输入chrome://version/ 即可查看到 个人资料路径

找到源码安装路径后查找id就能找到源码了。

如下图所示：

二. Mac如何显示资源库(Library)

Mac中Library目录是默认隐藏的，要想找到此文件夹可在访达中按Com+j 勾选显示资源库文件。