解决Vue2.0自带浏览器里无法打开的原因(兼容处理)

发布时间 - 2026-01-11 02:33:16    点击率:

本文介绍了解决Vue2.0自带浏览器里无法打开的原因(兼容处理),分享给大家,希望对大家有帮助

Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多

首先,别急,请看下面的推荐方案:

1、找个Android真机测试下(机型版本为4.4以上),真机联调测试

Android

只需要四个步骤:

1、先保证 是否安装了chrome浏览器

2、其次 ,保证 chrome 是否 已经翻墙成功!

3、最后 使用Android 真机连接 电脑

4、最后的最后,打开chrome ,输入:chrome://inspect

即可,另外,chrome只支持 android 4.4以上手机!

IOS

只需要两步骤:

1、打开手机端web检查器,设置 -> Safari -> 高级(最底部) -> Web 检查器 打开

2、确保iOS系统手机接入 MAC 电脑(必须是Mac,window调试不了ios系统)

3、找到Mac电脑的 Safari浏览器,找到开发者,就会显示的手机的设备

4、此时此刻就可以使用了,调试各个App上网页版的页面了。

注:如果是 Hybrid 嵌入式开发,线上版本,可能就不能调试了,因为IOS App 会把线上的调试功能给禁用,安全!

2、如果报 报错 vuex requires a Promise polyfill in this browser.那么,就是兼容性不够好,请看下面的解决方案:

首先,使用 node 安装 *babel-polyfill 命令*

npm install --save-dev -polyfill

解决方案1:在 webpack.config.js 文件中,entry 入口处修改,加入即可

"babel-polyfill":"babel-polyfill",//用来解决的兼容性

例如:

entry: {
  "babel-polyfill":"babel-polyfill",//用来解决的兼容性
  app: path.resolve(__dirname, config.entry.module + "/app.js"),
  vendor: config.entry.vendor
},

解决方案2:不修改webpack的情况下,在你的主入口文件头部加入,例如:app.js中加入即可

import 'babel-polyfill'

例如:

import 'babel-polyfill'

import Vue from 'vue';
Vue.config.debug = true;

解决方案3:也就是使用cdn的资源,以js的文件加入到html页面:例如:

<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>

PS:我没试过

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# vue2.0  # 浏览器兼容性  # vue  # vue.js  # 2.0  # 兼容性  # Vue2.0在IE11版本浏览器中的兼容性问题  # vue2项目解决IE、360浏览器兼容问题的办法  # 线上  # 只需要  # 就会  # 有很多  # 这个问题  # 我没  # 给大家  # 找个  # 就不能  # 会把  # 自带  # 报错  # 试过  # 此时此刻  # 大家多多  # 别急  # 就可以  # 内嵌  # 无法打开  # 够好 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: EditPlus中的正则表达式实战(5)  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Python函数文档自动校验_规范解析【教程】  软银砸40亿美元收购DigitalBridge 强化AI资料中心布局  javascript基本数据类型及类型检测常用方法小结  实例解析angularjs的filter过滤器  高性能网站服务器部署指南:稳定运行与安全配置优化方案  如何在腾讯云服务器快速搭建个人网站?  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  Laravel安装步骤详细教程_Laravel环境搭建指南  Python制作简易注册登录系统  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm,可以有哪些措施降低舍内氨气水平?  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  详解Oracle修改字段类型方法总结  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  如何用狗爹虚拟主机快速搭建网站?  独立制作一个网站多少钱,建立网站需要花多少钱?  教学论文网站制作软件有哪些,写论文用什么软件 ?  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  Laravel如何使用Gate和Policy进行授权?(权限控制)  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  如何在阿里云服务器自主搭建网站?  香港网站服务器数量如何影响SEO优化效果?  如何在宝塔面板中创建新站点?  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  EditPlus 正则表达式 实战(3)  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  Laravel如何实现多对多模型关联?(Eloquent教程)  如何获取上海专业网站定制建站电话?  详解CentOS6.5 安装 MySQL5.1.71的方法  android nfc常用标签读取总结  原生JS实现图片轮播切换效果  Laravel如何使用Blade组件和插槽?(Component代码示例)  Laravel定时任务怎么设置_Laravel Crontab调度器配置  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  谷歌浏览器下载文件时中断怎么办 Google Chrome下载管理修复  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  专业商城网站制作公司有哪些,pi商城官网是哪个?  如何快速登录WAP自助建站平台?  微信公众帐号开发教程之图文消息全攻略  无锡营销型网站制作公司,无锡网选车牌流程?