如在oppo R9自带的浏览器打不开网页，应该怎么调试时什么原因造成的

Question

开发完发现手机的兼容性问题，大部分是在手机自带的浏览器出现的，楼主的项目是用react.js写的，项目的创建是用react的脚手架创建的，只想问问大佬应该怎么去调试这种自带浏览器的兼容性问题

Answer 1

首先，如果你的页面在桌面谷歌浏览器上运行没问题的话，那就看下面

在你的index.html里面的<div id='app'></div>里面添加一点东西。比如<div id='app'>正在加载..</div>

正常情况下，页面打开时候先出现 正在加载..，等那个打包的js加载完成才会渲染页面

如果在你的手机上出现了正在加载..，然后就没有反应了，估计就是那个打包后的js运行出错，

可能原因有 symbol这些es6语法，你可以把react-scripts版本降低一些，比如降低到0.9.0（最新版本是1.1.x），然后重新打包试试