关于低版本安卓（4.X版本），华为等手机下，vue.js页面失效的问题

最新推荐文章于 2022-08-02 08:04:59 发布
最新推荐文章于 2022-08-02 08:04:59 发布
阅读量2.4k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/grsghh/article/details/82790022
本文解决Vue.js页面在低版本安卓(4.X)及华为手机上的失效问题，通过在IE浏览器中打开页面并使用F12工具解决所有报错，同时将ES6代码转换为ES5以确保兼容性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

关于低版本安卓（4.X版本），华为等手机下，vue.js页面失效的问题

将页面在IE浏览器中打开

接着打开F12，把所有的报错解决即可，并且需要把页面内的ES6转换为ES5。
安卓低版本下，js的ECMAScript6语法不支持问题
Edward要加油哦
03-29 1897
最近项目中发现了兼容性问题，是有关ES6语法的。由于是移动端app的项目，所以跟手机有关，现象如下： vivo X6PLUS Android版本5.1 （部分其他低版本手机也能复现，只是举例） 发现页面样式能加载，但绑定的事件无响应，接口也未调用，产生用户投诉。 进行问题排查时发现部分js都未加载，遂对此版本上线的新人开发的内容代码进行review，内容聚焦到了两个地方： 1、声明变量时采用了let 2、采用了箭头函数 尝试把语法修改为符合ES5写法后，问题解决。 因此，以后遇到需要兼容稍旧版本的手机及
vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇
drhrht的博客
07-31 6788
但是会出现卡顿现象。当微信支付弹窗弹出，就要持续发获取订单支付状态的请求（持续是因为并不知道用户什么时候支付，所以需要持续发请求，直到能获取到支付状态），若接收到支付成功，则路由跳转至支付成功页面。项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。例如，为防止，不经过某路由就直接在地址栏输入本路由地址而跳转至本路由，导致本路由获取不到前面路由的某些数据，所以给本路由加路由独享守卫。...
踩坑之安卓低版本不显示css/js以及其他版本部分js失效问题
Pamela
12-27 901
手上安卓机型 华为安卓4.4/6.0/7.0 测试 环境:webpack+vue 安卓 报错 4.4 js/css失效 6.0 js失效 7以上 正常 解决 安卓 报错 6.0 使用ie打开运行项目,解决所有报错 4.4 webpack直接npm install jquery过高,更改为npm install jquery@^2.2.4 --save...
vue(根本是es6)在低版本安卓手机例如vivo手机表现白屏
谁说学美术将来只能卖画了，我也有自己的梦想。
10-30 5312
开发过程中遇到了如题的问题，分段调试发现是低版本的安卓手机表现最明显的是vivo手机不支持es6语法，所以如果是未打包的js代码中不要使用es6的语法。 如果是JavaScript 编译器babel转译的，请参考下面这篇文章 https://www.cnblogs.com/mei1234/p/9671745.html ...
Maven使用入门(安装,项目规约,基础命令,依赖使用范围,依赖传递)
枸杞泡茶的博客
05-17 1713
总结一下在工作中如何使用mavenmaven安装流程: 1.下载maven的压缩包 2.压缩maven压缩包,找到conf目录,进入该目录修改settings.xml文件 3.在settings.xml文件的第53行,配置本地maven仓...
js点击事件在android中失效,js生成的html里的onclick事件在ios webview点击中无反应，其它浏览器，安卓都是可以的，请问一下这是什么原因呀？...
weixin_35718671的博客
05-26 320
订单查询var t_background="#000";订单查询if(!UserInfo.has_login()){location.href="login.html";}var page = 1;mui.init({swipeBack: true,pullRefresh: {container: '#pullrefresh',down: {callback: pulldownRefresh},u...
2021JavaScript面试题（最新）不定时更新（2021.11.6更新）
m0_54883970的博客
08-01 780
*构造函数原型**每一个构造函数的内部都有一个prototype属性，这个属性时一个指针，指向另一个对象，这个对象包含了可以由该构造函数的所有实例共享的属性和方法。**对象原型**当我们使用构造函数新建一个对象后，在这个对象的内部将包含一个指针，这个指针指向构造函数的prototype属性对应的值，这个指针称为对象的原型。原型链闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。闭包的用途}而通过。...
springboot+jwt+shiro+vue+elementUI+axios+redis+mysql完成一个前后端分离的博客项目（笔记,帮填坑）
web18224617243的博客
08-02 1323
后端的一个骨架基本完成然后开始我们的前端开发接下来，我们来完成vueblog前端的部分功能。可能会使用的到技术如下vueelement-uiaxios。
[手机相册无法选择上传图片时如何解决？]
最新发布
05-11
引用[2]、[3]、[4]、[5]则更多涉及H5页面调用相册和相机的技术实现，比如Vue项目中的解决方案，以及Android原生的Intent方法。 接下来，我需要分析可能的原因。用户无法选择图片可能涉及权限问题、系统兼容性、缓存...
史上最全常见前端大厂面试知识点汇总【已过字节, 腾讯teg，华为，网易】
反手一个bug的博客
05-29 5641
文章目录网络，浏览器篇tcp/ip协议有几层网络七层协议内容浏览器进程和线程进程通信的方式https加密过程url到页面过程http2和http1的区别如何实现有状态的http协议强缓存和协商缓存（浏览器缓存机制）强缓存协商缓存浏览器缓存过程跨域请求js原理篇js执行机制单线程执行宿主执行栈Event Loop宏任务和微任务js为什么设计成单线程语言手写newES6中class是语法还是语法糖原型的终点手写实现promise，promise. all，promise. racepromisepromise.
vue--解决低版本安卓手机兼容性问题
Mr_HeXS的博客
06-20 1万+
低版本的安卓手机可能会白屏，是由新特性不支持引起的解决代码es6新特性兼容问题1，安装es6新特性，npm install babel-polyfill --save2，main.js 引入 import 'babel-polyfill'...
解决vue低版本安卓手机兼容性问题
dearbaba_8520的博客
06-15 672
解决vue低版本安卓手机兼容性问题
Vue解决安卓低版本兼容问题
热门推荐
YY110621的博客
09-28 1万+
      一个月之前项目中遇到一个安卓手机低版本兼容的问题，当时以为是代码写的有问题，各种排查，最终得出的结论是安卓部分低版本手机不兼容vue。下面我就简单描述下我遇到的问题以及解决方法，以供大家参考： 问题：vue写的移动端项目，部分低版本安卓手机出现，白屏，以及页面数据渲染不完整。 原因：安卓低版本手机是不支持ES6语法的，还有少部分低版本安卓不支持小部分的ES5语法，因此vue使用的是...
jquery.crop.js android6,vue不兼容安卓6.0以下版本，导致页面白屏
weixin_39934613的博客
05-27 488
最近开发发现一个问题，貌似vue是不支持安卓6.0以下版本的安卓机的：但是最近需求又碰到了，就不得不解决这个问题，经过网上一大堆没用的查询之后，并没有找到真正可行的解决方案，于是使用vconsole在白屏的手机上打印了错误信息：于是又一串百度，找到问题原因可能是两点，1是部分低版本安卓机不支持es6的语法，(甚至少量es5的语法也不支持)以及不支持路由懒加载找到问题原因，那就可以着手应对了，下面是...
android 旧机不执行js,关于vivo X6（Android 7.0以下）js代码不执行的原因
weixin_42386504的博客
05-27 694
前言事情的开始是原生js写了个放在webview上的h5页面，在现有的几台测试机测试过没有问题，就直接上线了。一段时间后，有客户反馈页面显示不正常。要了客户的账号在自己的手机上测试是没有问题的，反复查过代码实在想不出问什么其他手机没有问题，就客户的手机有问题(排除了网络问题)。改了几次写法，最后找到一篇博文发现可能是webview的问题(《关于Oppo、Vivo手机低于Android 7.0版本W...
解决方案: vue 使用 scrollTo 方法，在安卓环境下报错
优快云前端知识共享
11-28 1251
vue 使用 scrollTo 方法，在安卓环境下报错 // 安卓不支持 window.scrollTo(x-scoller,y-scroller) 解决方案 // 使用 scrollLeft、scrollTop window.scrollLeft = x-scoller window.scrollTop = y-scoller ...
android file 4.4.1,vuejs文件在android低版本中（5.1,4.4）报错。导致页面空白
weixin_35450735的博客
05-27 244
问题：在VS2017使用vue开发APP中的页面,打包出来的vuejs文件 在android低版本的中显示空白。打开调试页面显示错误信息如下： 原因：低版本内置的浏览器(webview)版本太低，无法解析 ES2015最新的一些语法。需要在Webpack中配置babel-loader，还需要在项目最外层添加一个.babelrc文件用于babel默认解析ES2015中的特殊语法(例如： const...
android 旧机不执行js,android中版本webView中js不执行问题
weixin_35409775的博客
05-27 277
关于android中版本大于等于17后webView中js不执行问题。android中webView中Js不执行是因为版本的问题，大于等于17后就需要对调用方法加注解才会执行。解决方法如下：比如：js代码如下：function getNext(url,d){javascript:myjavascript.getNext(url,d,1);}js调用的方法如下：public void getNext...
vue在低版本android上,vue项目在安卓低版本机显示空白的原因分析(两种)
weixin_39719101的博客
05-26 564
vue项目在安卓低版本机显示空白原因：可能的原因一查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。这时候需要安装babel-pollyfill。网上找到方法如下：1.安装babel-polyfill和es6-promise2.main.js引入3.webpack.base.conf.js这时如果安卓机依然空白打不开，继续查看原因二可能的原因二：查看npm...
探索Vue.js与快应用融合新技术工具
3. 快应用：快应用是华为、小米、OPPO、魅族、vivo、中兴、联想、一加等手机厂商共同支持的新型应用框架，旨在提供原生应用性能体验的Web应用，可以直接运行在手机操作系统上，无需下载安装。 描述中提到的知识点：...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值