开发者与进阶工具
为高级用户和开发者提供的内置辅助工具,用于调试、视觉定制或深度排查。
网格渐变调试工具
网格渐变调试工具 是插件内置的一个视觉调试工具,主要用于预览和自定义 分享快照 功能所使用的动态背景效果。
核心功能
- 实时预览:在不同种子值、调色板和布局组合下实时查看背景生成效果。
- 调色板浏览:查看插件内置的所有颜色组合及其十六进制代码。
- 布局切换:浏览所有支持的网格变形布局。
- 叠加层模拟:可以开启/关闭数据叠加层,模拟真实的快照生成效果。
如何进入
由于该工具主要用于开发与测试,它没有直接放在常规菜单中。你可以通过以下方式进入:
- 打开插件的 “设置” 页面。
- 在浏览器地址栏中,在
options.html后面添加#mesh-gradient-lab。- 例如:
chrome-extension://<id>/options.html#mesh-gradient-lab
- 例如:
- 页面将自动切换到调试视图。
调试与日志
如果你在使用过程中遇到无法解释的问题,可以利用浏览器自带的开发者工具进行排查。
1. 查看背景页 Service Worker 日志
- 进入浏览器扩展管理页面 (
chrome://extensions)。 - 开启 “开发者模式”。
- 在 All API Hub 卡片中点击 “查看视图:Service Worker”。
- 这里可以看到所有后台请求、自动刷新和 WebDAV 同步的底层日志。
2. 查看选项页/弹窗日志
- 在插件弹窗或设置页面上 点击右键 -> 检查。
- 切换到 “Console” 标签页即可查看 UI 层的日志输出。
