Chrome Extensions 开发学习手记

基本架构：

https://code.google.com/chrome/extensions/overview.html#arch

消息传递机制：

https://code.google.com/chrome/extensions/messaging.html

后台进程：

https://code.google.com/chrome/extensions/background_pages.html

Content Script:

https://code.google.com/chrome/extensions/content_scripts.html

调试：

问题：在页面中嵌入JS会提示：Refused to execute inline script because of Content-Security-Policy.

回答：把页面中的脚本放置到单独的js文件中去。

http://stackoverflow.com/questions/8502307/chrome-18-how-to-allow-inline-scripting-with-a-content-security-policy

问题：如何调试background？

回答：如下图，点击检查活动视图后面的链接：background.html。

问题：如何快速重新加载开发中的Extension？

回答：如上图，点击“重新载入”即可快速重新加载开发中的Extension。

查看Chrome扩展程序源码的三个方法

来源：http://www.zhouming.me/2012/03/chrome-extension-source/

如果想了解一个非常精彩的Chrome扩展程序的源代码，可以有以下三个比较简单的方法：

一 使用7zip解压crx文件，在Mac下面可以使用Ez7z。

二 安装查看源代码的扩展程序

下载地址：https://chrome.google.com/webstore/detail/bbamfloeabgknfklmgbpjcgofcokhpia

三 Mac用户还有可以在

/Users/username/Library/Application Support/Google/Chrome/Default/Extensions

路径下面查看安装的扩展程序源码，如方法二上面的扩展，文件夹名称是 bbamfloeabgknfklmgbpjcgofcokhpia

使用上面三个方法可以轻松查看源代码了，不过，很多扩展的js都经过混淆压缩，不方便阅读。

参考资料：

Chrome Extensions介绍：https://code.google.com/chrome/extensions/index.html

Tutorial: Getting Started (Hello, World!)：https://code.google.com/chrome/extensions/getstarted.html

Samples：https://code.google.com/chrome/extensions/samples.html

Manifest.json配置文件：https://code.google.com/chrome/extensions/manifest.html

调试Chrome Extension：https://code.google.com/chrome/extensions/tut_debugging.html

查看Chrome扩展程序源码的三个方法：http://www.zhouming.me/2012/03/chrome-extension-source/