辽宁省|Chrome插件开发采坑指南,CSS如何导入本地图片

辽宁省|Chrome插件开发采坑指南,CSS如何导入本地图片

文章图片

辽宁省|Chrome插件开发采坑指南,CSS如何导入本地图片

文章图片


最近对于网页冲浪有点不爽 , 对常看的网站平常的白底没了兴趣 , 想要搞点花里胡哨的第一时间就想到了通过插件注入css的形式来改善界面 。
很快啊 , 想要在一个优雅的背景 , 逻辑上时非常简单的 , 使用注入CSS样式background-image就可以了 。

但是我又发现一个问题 , 好多好看的壁纸我保存下了 , 找不到当初原来的网页了 , 怎么添加本地路径都不行 , 真离谱啊 , 怎么样才能使用本地文件呢?
冲浪冲了好久 , 给我发现两个办法 。

  1. 使用base64这个办法感觉怪麻烦的不搞了 。
  2. Chrome插件给我们设定了可以操作插件本地文件的权限 。
manifest.json配置文件添加权限
这个方式只能适合浏览器扩展应用 , 不止是图片 , CSS还有JavaScript和HTML头可以通过添加权限列出资源 , 以方便插件去访问 。
css文件配置

其中后面是图片地址 , 而前面的是插件id , 插件ID一般是不会变的 , 可以通过扩展管理界面去查看 。

【辽宁省|Chrome插件开发采坑指南,CSS如何导入本地图片】