部分uc浏览器打开vue2.0项目空白页问题

最近在工作中需要适配各个浏览器运行项目新页面的情况，遇到了在部分机型的uc浏览器中空白页的问题。尝试了很多种情况，还是没有解决问题。

查看控制台报错

查看在浏览器控制台报错没有

尤其是要在ie和edge下运行，把控制台报的错一个一个修改完成

考虑es6语法问题

有些低版本浏览器就是不支持es6语法，可以尝试引入babel-polyfill，它能支持所有es6的语法

// 页面引入
<script src="https://cdn.bootcss.com/babel-polyfill/7.0.0-beta.49/polyfill.min.js"></script>//  vue项目引入
npm install --save-dev babel-polyfillimport "babel-polyfill";// 如果是webpack打包后的项目
require("babel-polyfill")
module.exports: [entry: ["babel-polyfill", "./app/js"]
]

建议尝试的几个点

尝试在空白页的地方加入transform: translateZ(0)，触发gpu渲染提升性能。
也有可能是一些api，babel不会进行转义并且uc不支持这些api，也有可能是导致白屏的原因。
检查html结构，看看有没有overflow: hiddem属性导致空白页，看看有没有引入https的地方。有的低版本浏览器不支持https协议。

部分uc浏览器打开vue2.0项目空白页问题相关推荐

创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
vue设置html自动跳转路由器,vue2.0项目实现路由跳转的方法详解
一.安装 1.安装路由vue-router: npm install vue-router vue项目的依赖文件node_modules存在vue-router依赖,说明安装成功 2.vue项目引入v ...
Vue2.0项目安装Mint-UI - cmd篇
Vue2.0项目如何安装引入Mint-UI? 这里讲一下如何通过cmd指令安装mint-ui到vue2.0项目. 步骤说明: 和以前一样,先cd到项目根目录然后cmd:npm i mint-ui - ...
UC浏览器打开首页显示：显示此网页时出了点问题
使用UC浏览器打开网页的时候显示出错,如下图所示.但是用其他浏览器都很正常我自己用的解决方法:最近刚下载了驱动精灵,听同学的把驱动精灵卸载了就恢复正常了转载于:https://www.cnblog ...
帝国备份王放到空间以后打开index.php显示空白页,解决办法。
把帝国备份王传到空间上面打开 index.php 显示空白页 ,其他的php文件也都不行. 解决办法: Lamp环境下: php.ini配置问题,按下面修改即可解决: 修改php.ini,将:sho ...
android8 评测,平台化成趋势 UC浏览器安卓8.0版首发评测
在PC上愈演愈烈的开放平台正逐步进入到移动互联网行业,此前的其它浏览器已经出现端倪,不过在昨天的UC优视发布会上发布的UC浏览器8.0,将正式成为今后移动开发APP平台的一种趋势. UC浏览器8.0版 ...
webpack+Vue2.0项目基础工程文件配置
随着Vue的流行,很多公司开始技术栈指向Vue,开始的时候用gulp+vue1.0做项目,一直到现在,webpack趋势也上来了,而且vue官网也是用webpack跟Vue结合去讲解实例,接下来大概说 ...
浏览器打印多了个空白页
项目中用到了浏览器打印,最近在测试的时候,内容只有一页,打印出来却多了一张空白页.猜测是由于样式引起的,最初将样式中的margin-top修改成了父级元素的padding-top,感觉这种解决方案需要 ...
在Vue2.0项目中与H5项目中获取、设置、清除cookie的一些注意点
在vue中获取cookie 原生js方法没有直接获取cookie中值的,所以我在vue的项目中我自己写了个获取cookie值的方法(还有删除与设置cookie的方法还没去写,大家一起来补充完善) &l ...

部分uc浏览器打开vue2.0项目空白页问题

查看控制台报错

考虑es6语法问题

建议尝试的几个点

部分uc浏览器打开vue2.0项目空白页问题相关推荐

最新文章

热门文章