Mobile Debug提供了一种新的解决方案，帮助前端开发者在真实设备上调试移动端H5页面的JavaScript代码。通过断点、this指向、arguments支持和作用域检查等功能，提升调试效率。尽管目前存在一些限制，如不支持特定场景的调试，但其便捷的debugger功能仍能有效辅助开发者进行移动端调试工作。
在控制台使用debugger断点调试移动端h5页面的js代码 - Mobile Debugwww.mobiledebug.com
如何在真实设备上调试移动端h5页面对前端开发人员一直是个困扰，你可以说android+chrome/ios+Sarafi 官方有提供解决方案，我认为这两个解决方案很强大，但是弊端也很明显，他们受限于指定设备指定浏览器，无法提供通用的解决方案。
经过3个月的版本开发升级，新版本的mobile debug为你带来新的debugger解决方案，当然目前还有缺陷，文章底部有介绍。
先上一张简单的功能图示：
功能介绍
this指向
如下图所示，click事件中，this指向了a标签：
arguments支持
支持使用arguments获取参数，请注意，当且仅当您在控制台运行arguments时arguments.callee不指向真实的来路，实际js代码中的arguments.callee是正常的，不影响您的代码逻辑。
作用域
结合Console面板，查看断点位置局部变量，没毛病！
这是真的断点哦！断点后面的js语句已经被阻塞！！
最低0.47元/天 解锁文章
扫一扫
763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
