写了一个 chrome extension 尝试解决 xLog custom css 调试困难

Apr 30, 2023#xLog #Programming1212

AI-generated summary

A plugin has been created to allow real-time preview and debugging of custom CSS in xLog, as the current method lacks a good user experience. The plugin also allows users to view and copy the custom CSS of others. The plugin is currently in beta and has some bugs, but a new version is being planned. To use it, download and load the unpacked files in the extension manager. The official xLog team is also working on a similar feature.

在 xLog 中，要定制页面需要通过设置中的自定义 CSS 功能。然而，目前在设置界面编写 CSS 时无法实时预览效果，而通过浏览器的检查功能进行调试也并非一个良好的体验。所以下午一边补番一边撸了这个插件。

目前这个插件有两个功能：

实时预览调试你的自定义 css
查看他人的自定义 css ~~然后把 css 大佬的样式直接抄过来~~

视频演示

目前这个插件 bug 可能比较多，已经有重构计划，下载地址。
使用方法：下载后解压，在 extension manage 页面打开开发者模式，load unpacked 加载 dist 文件夹

ps: 我发现官方也在做这个功能了