在 debugger 首个版本发布之后，我注意到通过弹出式窗口（popup）打开的编辑器在失去焦点时会关闭，这给用户体验带来了很大的不便。通过 @DIYgod，我了解到了 Stylebot 这个插件。在安装、体验和阅读源码之后，我学会了运用 content scripts 将代码编辑器嵌入到当前页面中。因此，在今天下午我对代码进行了大幅度的重构。
目前插件支持以下功能：
- 查看并实时调试当前页面的自定义 CSS；
- 编辑器能够根据页面自动适配暗黑模式；
- 增加了一些 xlog CSS 选择器的自动补全提示。
欢迎大家使用并提供反馈，以帮助我修复 bug。
下载地址：https://github.com/birdgg/xLog-custom-css-debugger/releases/download/0.2.0-alpha/dist.zip
使用方式：
- 下载后解压缩
- 打开 chrome://extensions/， 开启开发者模式，加载 dist 文件夹
- 右键菜单栏选择 Toggle xLog css debugger，打开调试器（安装后，已打开的页面需要刷新一下）
github 地址：https://github.com/birdgg/xLog-custom-css-debugger
ps: 这篇文章用 chatgpt 润色一下，读起来怪怪的
pps: 是时候开启自定义 css 的时代了🥳