Chrome 开发切换网页主题颜色扩展

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在浏览web网页时,我们遇到的大多数网页都是白色背景,但白色背景有个缺点容易伤害你的视力,这里,我们尝试借助Chrome扩展方式来呵护你的双眼。

展示效果

Chrome 开发切换网页主题颜色扩展_第1张图片

想如何开发Chrome扩展,请Click Chrome开发者中心

聪明的你可能打不开Chrome开发中心,不妨去 360极速浏览器开放平台 转转,这里你也可以学习如何开发Chrome扩展。

 

第一步,定义清单文件

manifest.json

Chrome 开发切换网页主题颜色扩展_第2张图片

实际上,只要我们有一个manifest.json,意味着我们已经有一个扩展了

第二步,定义目录结构

项目名为TITAN

Chrome 开发切换网页主题颜色扩展_第3张图片

_locale和_metadata目录是系统自动资源引用目录,当然我们这里没有_metadata目录。

第三步,定义popPage

popup.html

Chrome 开发切换网页主题颜色扩展_第4张图片

第四步,实现background.js

Chrome 开发切换网页主题颜色扩展_第5张图片

第五步,实现popup.js

Chrome 开发切换网页主题颜色扩展_第6张图片

第六步,国际化文件格式

Chrome 开发切换网页主题颜色扩展_第7张图片

到了这里,我们的扩展开发结束。接下来Let's have a debug.

Chrome 开发切换网页主题颜色扩展_第8张图片

 

转载于:https://my.oschina.net/ososchina/blog/676678

你可能感兴趣的:(Chrome 开发切换网页主题颜色扩展)