调试进阶
插件出问题(白屏、命令不生效、样式错位)时,善用开发者工具能快速定位。本文深入调试手段。
核心要点
使用开发者工具
- 桌面端:
Ctrl/Cmd-Shift-I打开 DevTools,查看 Console 报错与 Network 请求 - 移动端:用
chrome://inspect(Android)或 Safari 远程调试(iOS)连上设备 - 用
console.log配合条件断点,避免日志刷屏
进阶手段
- 断点调试:在
main.js源映射(需保留 sourcemap)处下断点 - 状态探查:在控制台输入
app.plugins.plugins['your-id']直接访问插件实例 - 样式调试:用元素检查器查看
--变量实时取值(配合 CSS 变量手册) - 性能:Performance 面板记录卡顿,定位长任务
常见坑
onunload未清理事件导致重复注册:用registerEvent/registerInterval自动回收- 移动端
isMobile为真时部分 API 不可用,需分支处理 - 1.13.6 修复了若干调试期控制台报错(如 URI 打开仓库时窗口未聚焦)