Spy-Debugger 调试 H5 页面时断点不生效怎么办？

小俊锡提问于 2026-03-15 11:25:21 阅读 60

移动

我在用 Spy-Debugger 调试手机上打开的 H5 页面，电脑端 Chrome DevTools 能连上，也能看到页面结构，但给 JS 打断点完全没反应，代码根本不会停。我试过刷新页面、重新扫码连接，还是不行。

本地开发环境是 Vue2 + webpack，开启了 sourceMap，JS 代码如下：

mounted() {
  console.log('页面挂载了');
  this.fetchData(); // 这里打了断点但不生效
},
methods: {
  fetchData() {
    setTimeout(() => {
      console.log('模拟请求完成');
    }, 1000);
  }
}

我来解答赞 14 收藏

反馈

1 条解答

闲人付娟 Lv1

Spy-Debugger 对源码断点支持本身就挺拉胯的，很多情况下只能看看 DOM 和 console。

两个解决办法：

一是直接用 Chrome USB 调试，比 Spy-Debugger 稳得多。二是代码里手动写 debugger; 语句替代点击断点，效果一样一样的：

mounted() {

  console.log('页面挂载了');

  debugger; // 这里会停住

  this.fetchData();

}

浏览器打开 DevTools 后刷新页面就能停在 debugger 处，比等 Spy-Debugger 响应靠谱多了。

2026-03-17 04:06