chrome浏览器extension里的文件引用

1. 项目文件的内容会被打包到一个特殊的 ZIP file that has a.crxsuffix

如果你使用Chrome Developer Dashboard, .crx file 是自动为你创建的. 具体怎么发布自己写的chrome extension，可以参照 Hosting

2. 代码里如果引用到其它文件比如一个图片，用相对路径的方式，例如images目录下的myimage.png

src="images/myimage.png" 

另外，用 Google Chrome debugger, 一个extension里的每个文件 都可以用下面的绝对路径访问到chrome-extension://<extensionID>/<上面的相对路径>

extension被打包之前，它的extensionID是不确定的，比如你从另外一个文件夹载入，ID就会变，打包了之后又会变，如果你的extension需要设置一个文件的绝对路径，可用@@extension_id， 参考

https://developer.chrome.com/extensions/i18n#overview-predefined

@@extension_id  The extension or app ID;  you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.

Note:You can't use this message in a manifest file.

举个栗子：

body{

background-image:

url('chrome-extension://__MSG_@@extension_id__/background.png');

}

这样就可以避免 hardcoding the ID during development.

3. 发布extension以后，它会拿到一个永久的ID， 就算更新也不会改变，这时候你就可以用real ID 替换 @@extension_id了

4 manifest.json里包含了 the most important files and the capabilities ，关于它可参考https://developer.chrome.com/extensions/manifest