前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

最近对于网页冲浪有点不爽,对常看的网站平常的白底没了兴趣,想要搞点花里胡哨的第一时间就想到了通过插件注入css的形式来改善界面。

很快啊,想要在一个优雅的背景,逻辑上时非常简单的,使用注入CSS样式background-image就可以了。

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

冲浪冲了好久,给我发现两个办法。

  1. 使用base64这个办法感觉怪麻烦的不搞了。

  2. Chrome插件给我们设定了可以操作插件本地文件的权限。

manifest.json配置文件添加权限

这个方式只能适合浏览器扩展应用,不止是图片,CSS还有JavaScript和HTML头可以通过添加权限列出资源,以方便插件去访问。

css文件配置

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


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言