开发谷歌插件时，本地图片竟然需要这样引入

作者是个毕业一年的前端，平时喜欢研究一些有助于我开发的小插件，最近琢磨到了谷歌插件身上。想做一个悬浮在浏览器右下角的取色器用来获取页面元素的颜色。

前面一切顺利当到为可爱的取色器选一个悬浮图标时遇到了麻烦，好不容易选了个少女心爆棚的图标图片发现使用常规的js图片引入路径竟然显示错误（压根没显示）。

经过我各种查阅文档和研究得出结论

当你在具有chromeapi页面使用时（也就是超domjs也就是content_scripts.js还有background.js）中使用时分为两个场景

1.js中使用

var penSrc = chrome.extension.getURL("assets/pen.png") //getURL的参数也就是目标文件路径
b.style.backgroundImage = "url(" + penSrc + ")"

2.css中使用

chrome-extension://**MSG*@@extension_id*_/文件夹/文件名