求个移动端 js 调试工具推荐

Question

1. 问题:
   做了一个查询页面(基于react), 电脑上没问题,ios的微信内端能看到页面, 安卓端看到的是空白的页面?

   • 应该是js上有问题, alert 在ios上有执行, 在安卓上没执行.应该是js错误.

2. 希望能推荐个移动端调试工具, 或有什么调试心得分享下. 万分感谢.

Answer 1

Eruda: 手机网页调试利器

手机远程调试工具，手机通过代理连接上PC后，可以在PC版浏览器打印log和错误日志，方便调试。

腾讯AlloyLever

Answer 2

微信官方
微信web开发者工具(链接底部下载)
https://mp.weixin.qq.com/wiki...
工具中有移动调试

Answer 3

强烈推荐使用vorlon，之前只有node命令行的，现在有桌面客户端了，基本的功能都有，而且可以改样式，即时生效的，可以看到computedStyles，对于我之前查各种样式bug真是帮了大忙

然后说下你这个问题，我遇到过一次，是对象的key重复了，比如你声明了一个对象

var a = {
    b:1,
    b:2
}

在某些安卓浏览器里直接就白屏了，即便是用了这些工具，依然看不到错误

Answer 4

Charles

Answer 5

工具前面几个推荐的都挺不错，特别是如果做微信开发的话肯定首选微信的web高度工具。

只想说下，你这种情况。极有可能是浏览器 ES6 环境问题，也就是说可能你的代码里使用的一些 ES6的新特性，而浏览器不支持，一般 iOS 版微信内置浏览器在这该支持好于安卓版，所以出现苹果机内正常而安卓上一片空白现象，可以演义使用 polyfill.js……，至于具体用法请查文档。

Answer 6

@上面的朋友们:
感谢上面的小伙伴们, 问题解决了:

1. 我用排除法将一个个组件注释掉, 找到有问题的那个组件;

2. 主要原因是我的小伙伴使用了 for of 循环数组...