react在部分安卓手机浏览器无法加载页面或页面空白

公司有一套自己开发的管理系统，因为使用的人少，虽然一直有很多浏览器兼容的bug，但是因为偷懒（说白了因为这些bug自己没遇到过，没感受过，反正不影响自己）一直没处理，遇到bug的人群就喊他们去用chrome浏览器去直接在QQ或者微信里直接打开，终于有一天由于一项新业务不得不使用手机默认浏览器进行打开，自己也遇到了这个bug不得不想办法开始解决，so，一阵百度猛如虎（为啥不用google？翻墙懒得找办法，朋友介绍的翻墙软件又嫌贵，ps：绝对不是我英语太差的原因），找了很多个方法，最终终于勉强解决了页面空白的原因：

1、主js文件中引入babel-polyfill，这个方法网上介绍的文章很多，我这里就不多介绍了，这个方法能解决少部分浏览器无法显示，不要问我少部分浏览器是哪些，我自己也不清楚

2、html文件中引入如下js文件，能够解决部分荣耀机型自带浏览浏览器无法加载react页面的现象

 <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-sham.min.js"></script>

3、react单页面应用，浏览器能够加载部分react页面，但是跳转到某些页面的时候会空白，这种原因可能是因为页面使用fetch，fetch是不兼容ie的，所以需要引用

import 'isomorphic-fetch';

加入这个之后成功解决魅蓝机型默认浏览器页面空白，但是fetch无法使用。

PS：魅蓝手机浏览器点击登陆按钮疑似无法成功发送fetch请求。

华为手机浏览器点击登陆按钮能够发送出去fetch请求但无法成功登陆

4、大概是fetch不支持ie，最终决定项目抛弃fetch，使用axios

react在部分安卓手机浏览器无法加载页面或页面空白相关推荐

浏览器的加载顺序与页面性能优化
详情参考:浏览器的加载与页面性能优化例子: 一:DNS:在header中添加 <link rel="dns-prefetch" href="//HOSTNAME. ...
腾讯X5 浏览器内核加载
1.腾讯X5浏览器 sdk 官网地址腾讯浏览服务 2.腾讯X5 浏览器 sdk 加载需要内存卡权限加载成功率才高,因为有了内存读取权限,可以读取腾讯QQ 和微信的X5 内核,共用他们的内核,不 ...
xBIM 实战01 在浏览器中加载IFC模型文件
系列目录 [已更新最新开发文章,点击查看详细] 一.创建Web项目打开VS,新建Web项目,选择 .NET Framework 4.5 选择一个空的项目新建完成后,项目结构如下: 二.添 ...
浏览器的加载与页面性能优化
浏览器的加载与页面性能优化 Javascript 异步加载详解 HTML5 <script>元素async,defer异步加载 defer/async都是异步加载js,和HTML并行加载不 ...
Webview--如何让加载进来的页面自适应手机屏幕分辨率居中显示
让Webview加载的页面居中显示有我知道的俩种方法第一种: [java] WebSettings settings = webView.getSettings(); settings.setL ...
2345王牌浏览器网页加载慢怎么办网页加载慢解决
2345王牌浏览器网页加载慢怎么办?相信很多2345王牌浏览器用户都碰到过这个问题,今天小编就给大家带来这个解决办法,让你拥有极速加载网页. 2345王牌浏览器网页加载慢解决办法 1.打开清除上网痕迹 ...
2345王牌浏览器网页加载慢怎么办网页加载慢解决办法
2345王牌浏览器网页加载慢怎么办?相信很多2345王牌浏览器用户都碰到过这个问题,今天小编就给大家带来这个解决办法,让你拥有极速加载网页. 2345王牌浏览器网页加载慢解决办法 1.打开清除上网痕迹 ...
chrome浏览器无法加载百度网页启动组件怎么办
chrome浏览器无法加载百度网页启动组件怎么办 chrome浏览器无法加载百度网页启动组件怎么办?chrome浏览器百度打不开提示无法加载百度网页启动组件怎么办?使用chrome浏览器打开百度的时候 ...
如何在React Native中创建精美的动画加载器
by Vikrant Negi 通过Vikrant Negi 如何在React Native中创建精美的动画加载器 (How to create a beautifully animated load ...
react 中使用import()实现按需加载报错解决方法 --‘import’ and ‘export’ may only appear at the top level
react 中使用import()实现按需加载报错解决方法 --'import' and 'export' may only appear at the top level 参考文章: (1)rea ...

react在部分安卓手机浏览器无法加载页面或页面空白

react在部分安卓手机浏览器无法加载页面或页面空白相关推荐

最新文章

热门文章