Vue2.0 之 自带浏览器里无法打开（兼容处理） - 解决方案

最新推荐文章于 2024-08-06 14:05:31 发布
最新推荐文章于 2024-08-06 14:05:31 发布
阅读量6.6k 收藏 4
点赞数
分类专栏： Vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dx18520548758/article/details/80265470
版权
本文介绍了在Android设备上内嵌H5页面显示Vue2.0应用时可能遇到的兼容性问题，提供了包括使用Android真机测试、增加`babel-polyfill`以增强ES6支持的解决方案，以及在页面中引入CDN资源来解决不兼容问题的建议。
摘要由CSDN通过智能技术生成
Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多

首先，别急，请看下面的推荐方案：

1、找个android真机测试下（机型版本为4.4以上），真机联调测试（如果不知道怎么联调，那么请看这里：Android真机 - 联调chrome调试）

2、如果报 报错 

最低0.47元/天 解锁文章
Jarvan大熊
关注
专栏目录
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 6933
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
APP内嵌h5页面在android低版本出现白屏问题(vue项目)
大鱼吃小鱼7的博客
10-29 7885
前段时间在处理一个vue项目时, 在vivo和华为的android5.0系统出现白屏,没有任何报错信息, 之后特地买了两台真机进行测试, 经过分段调试 , 一步步排查, 最后发现是这段代码出错: 到底什么问题? 对比一下这段代码 很明显, 参数默认值的问题! 也就是ES6语法不兼容! 但实际上不完全是, 在这个项目中,有不少类似箭头函数这种语法, 通通都是支持的.实际上项目中是有babel进行...
Vue 浏览器兼容性
yihanzhi的博客
12-19 1万+
vue支持所有兼容ECMAScript5的浏览器，因IE8不支持ECMAScript5特性，故IE8及其以下浏览器均不支持vue。 vue一般多用在移动端开发；因PC端存在浏览器兼容问题，应用较少。在不考虑IE8兼容性的情况下（譬如，内部使用系统），可以使用vue。 ...
Vue.js 框架兼容 Internet Explorer (IE) 浏览器指南
最新发布
qq_42072014的博客
08-06 1111
通过以上步骤，你现在已经了解了如何确保Vue.js应用在IE11浏览器上正常运行。需要注意的是，支持IE可能会增加额外的工作量，尤其是在处理一些现代Web API时。如果可能的话，考虑逐步减少对IE的支持，转而专注于现代浏览器，以简化开发流程并提高应用性能。
主流的浏览器与其内核
青山不改，绿水长流。
09-21 4078
microsoft edge”是由微软开发的基于Chromium开源项目即其他开源软件的网页浏览器，该浏览器内置与windows10版本中，支持内置Cortana语音功能，内置了阅读器、笔记和分享功能。，它开源了浏览器的源码，也提供了很多插件，方便了用户的使用，支持Windows平台、Llnux平台和Mac平台。大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发。现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核。
【转】Flex 布局语法教程
weixin_33935777的博客
07-13 423
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。...
详解Vue Cli浏览器兼容性实践
11-20
浏览器市场占有率 在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，:backhand_index_pointing_down:下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。 世界范围 天朝范围 Plus移动端 分析 从统计数据可以看出，对于国内的PC端浏览器，QQ浏览器以及Sogou的占比还是挺高的，所以在做兼容性处理的时候也需要多考虑这两款浏览器。不过QQ浏览器和Sogou都是封装了Chrome的内核，而它们的更新通常也就是随着Chrome的版本更新而更新，但是这两款浏览器通常不会和Chrome
html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题
weixin_35679331的博客
07-16 2375
一：Vue 2.x cli1、 使用vue2.0的项目在IE11版本浏览器中是空白的 或者路由跳转但是而页面显示依旧是上一个路径的页面元素 这是因为ie11不支持es6 而我们之前有使用的babel-loader 它仅是将es6的语法转为es5 却不会去转换es6的新属性 例如promise 所以此时我们需要使用到babel-polyfill 以下是具体操作方法首先用cnpm 安装...
vue_2.0_fyf
Cat_Boom1999的博客
04-01 681
vue2.0 学习笔记 vue框架的两大核心： 一、前端开发历史 1994年可以看做前端历史的起点（但是没有前端的叫法） 1995年网景推出了JavaScript 1996年微软推出了iframe标签， 实现了异步的局部加载 1999年W3C发布第四代HTML标准，微软推出用于异步数据传输的 ActiveX(ActiveXObject)，各大浏览器厂商模仿实现了 XMLHttpRequest（这是前端的真正的起始） 2006年，XMLHttpRequest被W3C正式纳入标准（这是前端正式的起始） 2006
vue 浏览器版本兼容问题解决方案
Ann_52547的博客
11-28 2831
（1）Babel：Babel 是一个 JavaScript 编译器，可以将 ES6+ 的语法转换成 ES5 语法，以便支持老旧的浏览器。（3）Vue Compatibility Build：Vue.js 官方提供了专门用于兼容老旧浏览器的构建版本，包含了必要的 polyfills 和补丁。需要注意的是，具体使用哪些依赖项以及配置方式取决于你的项目和目标浏览器支持的版本。Vue版本不兼容:Vue2.6版本是比较老的版本，如果使用的是一些较新的浏览器，可能会出现兼容性问题。vue：Vue.js 的核心库。
vue项目系统兼容IE浏览器问题以及解决方案
热门推荐
qq_26887683的博客
05-16 2万+
系统兼容IE浏览器问题以及解决方案 问题 vue项目在IE浏览器上运行时会出现兼容性问题：JavaScript语法报错，css样式错乱。原因是在IE（以IE11为例）浏览器下，部分js的写法需要改变，部分样式在IE浏览器上不支持，以及一些IE浏览器特有的问题。 vue 只兼容ie8以上版本； IE 不兼容 axios的promiss对象; IE 不兼容es6语法； 解决方案 下载对应插件包解决js兼容性问题：babel-polyfill，es6-promise以及 babel-plugin-
vue如何进行跨浏览器兼容性处理
2301_77795034的博客
06-02 2684
你可以在Vue中使用Vue.js或者在React中使用React等框架来编写JavaScript代码，还可以使用原生JavaScript来实现一些简单的功能，比如表单验证和下拉菜单等。你可以使用TinyPNG或者ImageOptim等工具来压缩图片，使用响应式图片技术来改变图片大小，还可以使用SVG格式的图片来代替传统的PNG和JPG格式。你想要让你的应用在每个人的浏览器上都正常运行，就要像交朋友一样，要尊重每个浏览器的不同之处，帮助他们克服障碍，更好地与你合作。你也可以通过检测设备类型来提供相应的体验。
vue 项目在IE 浏览器中无法打开，低版本安卓手机打不开
weixin_45227188的博客
05-14 870
项目场景： vue 项目在IE 浏览器中无法打开 问题描述： 报错：SCRIPT1010: 缺少标识符 原因分析： 这个时候我们第一考虑的就是IE的版本，是不是哪里不兼容，所以我在各个版本都去检测了一下。发现所有版本都不可以，而其他浏览器确实可以正常访问，然后我考虑到的是：es6在IE上不能用，所以去安装了bable-polyfill,然后还是没用解决问题，花了我好多时间，然后我就怀疑是不是我代码问题了，各种查，还是不可以，崩了啊！靓仔！ 百思不得姐，难搞哦 黄天不负有心人 然后安装eslint进行格式的校
Vue打包后，华为自带浏览器无法访问首页
newtelcom的专栏
06-15 4788
华为自带浏览器无法访问首页
关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题
qq_50853544的博客
12-26 824
关于vue-cli脚手架搭建的vue项目在手机浏览器无法打开的问题
Web前端最全Vue进阶（幺柒贰）：信创浏览器兼容性探讨_vue浏览器兼容性(1)，2024年最新字节跳动最爱考的前端面试题
2401_84411433的博客
05-16 473
好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。
Android webview Vue 网页不显示 一片空白
心花怒放开到荼蘼
12-17 2053
1.问题 Android阿白入手Android,想要在webview 里显示一个vue 网页。发现显示不出来，一片空白。 测试了百度，可以显示，测试顺便找的网页可以显示，感觉是跟Vue网页相关或者地址上的#字符。 2.原因 查资料发现：Android webview 默认不支持JavaScript的脚本，需要将此项打开，才能是网页与JavaScript 正常交互，显示vue网页。 3.解决 //开启支持JavaScript脚本 webview.getSettings().setJavaScriptEnab
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值