admin管理员组

文章数量:1613743

·

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

查看控制台报错

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

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

考虑es6语法问题

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

// 页面引入
<script src="https://cdn.bootcss/babel-polyfill/7.0.0-beta.49/polyfill.min.js"></script>


//  vue项目引入
npm install --save-dev babel-polyfill

import "babel-polyfill";

// 如果是webpack打包后的项目
require("babel-polyfill")
module.exports: [
	entry: ["babel-polyfill", "./app/js"]
]
建议尝试的几个点
  1. 尝试在空白页的地方加入transform: translateZ(0)，触发gpu渲染提升性能。
  2. 也有可能是一些api，babel不会进行转义并且uc不支持这些api，也有可能是导致白屏的原因。
  3. 检查html结构，看看有没有overflow: hiddem属性导致空白页，看看有没有引入https的地方。有的低版本浏览器不支持https协议。

本文标签： 浏览器项目空白页uc

版权声明：本文标题：部分uc浏览器打开vue2.0项目空白页问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728660257a1168580.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。