FirefoxColor Firefox Quantum主题预览工具
Firefox 的主题预览工具，FirefoxColor，用来做 Firefox Quantum 及以上版本的浏览器主题开发挺方便的。支持实时预览，改一处立马就能看到效果，前端开发调样式的时候真是太省事了。
开发流程也比较简单，先装好Node 10.18.1+，执行下面这几步就能跑起来：
git clone https://github.com/mozilla/FirefoxColor.git
cd FirefoxColor
npm ci
npm start启动之后，webpack-dev-server会监听在localhost:8080，改完文件它自动重构扩展。响应也快，适合边调边看。
要在浏览器里看到实际效果，你可以打包成.xpi文件，直接通过about:debugging加载。打包命令是：
npm run package生成的addon.xpi会出现在项目根目录。也可以用官网的 testing 入口加载线上 XPI，适合测试和分享。
整体结构还算清晰，源码里用了React搭配Webpack，不难读，改功能也方便。如果你想研究 Firefox 扩展主题结构或者搞点浏览器个性化玩法，可以上手看看。
哦对了，如果你对Webpack 多主题构建感兴趣，这里还有一篇文章也挺不错，和这个项目结合着看效果更好。
文件大小：900.87KB
评论区