react 在手机 qq 浏览器, uc 浏览器上无法渲染

2016-08-01 12:39:53 +08:00
 gkiwi

使用 react 做了个应用,在开发模式下,所有浏览器正常运行;

在使用 webpack build 之后, prod 下,手机 chrome 可以正常运行,部分 webview 也可以正常运行,但是手机 qq 浏览器和 uc 浏览器完全不进行 react 的渲染; 使用 weinre 调试了, js 没有报什么异常;

这张是有问题的(手机 QQ),手机上只显示 456 :

这张是被正常渲染的(手机 chrome)

还有可能是哪里出了问题呢?

4402 次点击
所在节点    前端开发
14 条回复
serco
2016-08-01 13:31:32 +08:00
加上 babel-polyfill 试试,有些手机浏览器连 es5 都支持不全
plqws
2016-08-01 14:15:11 +08:00
这时候应该 @ 那些浏览器的项目人员
est
2016-08-01 14:20:05 +08:00
不知道全球工单论坛这次灵不灵。
gkiwi
2016-08-01 14:34:28 +08:00
@serco 一直有这个的:)
xxxyyy
2016-08-01 15:10:56 +08:00
试下去掉 weinre ,然后用 window.onerror 捕获错误并打印到 HTML 里
fuxiaohei
2016-08-01 15:53:24 +08:00
可以总结一下修改的地方发出来
手机浏览器和微信浏览器对标准的支持各种奇特,只能经验总结啊
xi_lin
2016-08-01 15:56:58 +08:00
好奇 weinre 你是怎么调试 js 的?
gkiwi
2016-08-01 23:59:34 +08:00
@fuxiaohei
刚刚又找了下,没有,都靠经验。。。
少量: http://www.cnblogs.com/maplejan/archive/2013/04/26/3045928.html


@xi_lin 主要用 weinre 查看一些前端代码看看结果。如果 js 异常,里面会有 log 。有时候也 console 一些;没有断点调试;
xi_lin
2016-08-02 09:19:32 +08:00
@gkiwi 我用的时候 js 文件都看不到内容…只能靠 log 输出
del1214
2016-08-02 10:58:01 +08:00
CSS calc 国产浏览器没几个支持的
gkiwi
2016-08-02 14:16:42 +08:00
@xi_lin
我的 js 也看不到,只看 html , react 渲染后看结果;
js 代码还是靠 chrome 模拟调试,大体无误再用真机;
上面 Append 的地方,是用 Charles 抓包看到的


@del1214 [摊手]
hdr01
2017-10-22 13:07:15 +08:00
遇到同样的问题找到这来了。。react 开发的页面,chrome 下正常,但是 IE 和手机端浏览器都是空白的,查了下是 react 根本没有挂载到 dom 上。。。
一年前的帖子了,不过还是想问下具体怎么解决的?
gkiwi
2017-10-23 10:22:48 +08:00
@hdr01 #12 使用 weinre,看下 console 呢?有什么提示信息么?
我之前的有点忘记了,但是有一点还记得比较深刻,就是 React.Component 对象,一个是用 React 创建的,一个是第三方库创建的(忘记是哪个了,记为 S ),两者的结构不一样(因为 S 创建的数据结构版本和 React 自身的不同,报错的地方有个 Symbol,你可以通过 weinre 验证一下)。解决的方案,记得是用了 babel-polyfill,但是不太确定了。
你先用 weinre 看下异常。

另外你可以看看 IE 的 console,截图发一下。
superelepant
2018-04-11 17:59:39 +08:00
@serco 确实是这个问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/296323

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX