Skip to content

调试进阶 ​

插件出问题(白屏、命令不生效、样式错位)时,善用开发者工具能快速定位。本文深入调试手段。

核心要点 ​

使用开发者工具 ​

  • 桌面端: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 打开仓库时窗口未聚焦)

相关阅读 ​