这是一个创建于 3359 天前的主题，其中的信息可能已经有所发展或是发生改变。
使用 react 做了个应用，在开发模式下，所有浏览器正常运行；
在使用 webpack build 之后， prod 下，手机 chrome 可以正常运行，部分 webview 也可以正常运行，但是手机 qq 浏览器和 uc 浏览器完全不进行 react 的渲染； 使用 weinre 调试了， js 没有报什么异常；
这张是有问题的(手机 QQ)，手机上只显示 456 ： 
这张是被正常渲染的(手机 chrome) 
还有可能是哪里出了问题呢？
第 1 条附言 2016-08-01 15:47:06 +08:00
搞定了。
其中的一个原因是因为UC浏览器，在fetch时候，如果不设置headers中的Accept，那么UC会默认设置一串text/html值，可惜没有json支持，服务器端将返回一个html页面。老版本headers我只设置了Content-Type，其他浏览器的Accept默认则为*/*。不过奇怪的是，最初在prod下，UC和QQ似乎没有运行到fetch的地方；整个页面都是空白的；
修改这个地方支持之后，页面就都ok了；
PS：顺手碰到一个页面扭曲的地方，UC还不支持css calc，唉；
 | 1 serco 2016-08-01 13:31:32 +08:00  1 加上 babel-polyfill 试试，有些手机浏览器连 es5 都支持不全 |
 | 2 plqws 2016-08-01 14:15:11 +08:00 这时候应该 @ 那些浏览器的项目人员 |
 | 3 est 2016-08-01 14:20:05 +08:00 不知道全球工单论坛这次灵不灵。 |
 | 5 xxxyyy 2016-08-01 15:10:56 +08:00 via Android 1 试下去掉 weinre ，然后用 window.onerror 捕获错误并打印到 HTML 里 |
 | 6 fuxiaohei 2016-08-01 15:53:24 +08:00 可以总结一下修改的地方发出来 手机浏览器和微信浏览器对标准的支持各种奇特，只能经验总结啊 |
 | 7 xi_lin 2016-08-01 15:56:58 +08:00 好奇 weinre 你是怎么调试 js 的？ |
 | 8 gkiwi OP @fuxiaohei 刚刚又找了下，没有，都靠经验。。。 少量： http://www.cnblogs.com/maplejan/archive/2013/04/26/3045928.html @xi_lin 主要用 weinre 查看一些前端代码看看结果。如果 js 异常，里面会有 log 。有时候也 console 一些；没有断点调试； |
 | 10 del1214 2016-08-02 10:58:01 +08:00 CSS calc 国产浏览器没几个支持的 |
| 11 gkiwi OP |
 | 12 hdr01 2017-10-22 13:07:15 +08:00 遇到同样的问题找到这来了。。react 开发的页面，chrome 下正常，但是 IE 和手机端浏览器都是空白的，查了下是 react 根本没有挂载到 dom 上。。。 一年前的帖子了，不过还是想问下具体怎么解决的？ |
| 13 gkiwi OP @hdr01 #12 使用 weinre，看下 console 呢？有什么提示信息么？ 我之前的有点忘记了，但是有一点还记得比较深刻，就是 React.Component 对象，一个是用 React 创建的，一个是第三方库创建的（忘记是哪个了，记为 S ），两者的结构不一样（因为 S 创建的数据结构版本和 React 自身的不同，报错的地方有个 Symbol，你可以通过 weinre 验证一下）。解决的方案，记得是用了 babel-polyfill，但是不太确定了。 你先用 weinre 看下异常。 另外你可以看看 IE 的 console，截图发一下。 |
 | 14 superelepant 2018-04-11 17:59:39 +08:00 @serco 确实是这个问题 |
Select Language