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


Posted in Javascript onJuly 28, 2017

本文介绍了解决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:我没试过

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

Javascript 相关文章推荐
JQuery下关于$.Ready()的分析
Dec 13 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
Jul 31 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
jQuery事件绑定方法学习总结(推荐)
Nov 21 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
JScript实现地址选择功能
Aug 15 Javascript
微信小程序自动客服功能
Nov 02 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 #Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 #Javascript
基于JS实现移动端左滑删除功能
Jul 28 #Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 #Javascript
webpack实现热更新(实施同步刷新)
Jul 28 #Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 #Javascript
解决React Native端口号修改的方法
Jul 28 #Javascript
You might like
由php if 想到的些问题
2008/03/22 PHP
php与php MySQL 之间的关系
2009/07/17 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
php eval函数一句话木马代码
2015/05/21 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
use jscript List Installed Software
2007/06/11 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
Vue隐藏显示、只读实例代码
2018/07/18 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
Python 中pandas.read_excel详细介绍
2017/06/23 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
Python实现随机漫步功能
2018/07/09 Python
python3爬虫获取html内容及各属性值的方法
2018/12/17 Python
python 图片去噪的方法示例
2019/07/09 Python
python爬虫 爬取58同城上所有城市的租房信息详解
2019/07/30 Python
python读取ini配置文件过程示范
2019/12/23 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
ddl,dml和dcl的含义
2016/05/08 面试题
交通事故赔偿协议书范本
2014/04/15 职场文书
小学生倡议书范文
2014/05/13 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
vue里使用create, mounted调用方法
2022/04/26 Vue.js