解决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 相关文章推荐
JavaScript DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
js 格式化时间日期函数小结
Mar 20 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
js自定义Tab选项卡效果
Jun 05 Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
May 13 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
JavaScript arguments.callee作用及替换方案详解
Sep 02 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中mysql模块部分功能的简单封装
2011/09/30 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
jQuery对象与DOM对象之间的转换方法
2010/04/15 Javascript
javascript实现tabs选项卡切换效果(扩展版)
2013/03/19 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
如何制作幻灯片(代码分享)
2017/01/06 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
python实现绘制树枝简单示例
2014/07/24 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
python numpy格式化打印的实例
2018/05/14 Python
python实现推箱子游戏
2020/03/25 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Keras loss函数剖析
2020/07/06 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
世界上最好的儿童品牌:AlexandAlexa
2018/01/27 全球购物
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
结构工程个人自荐信范文
2013/11/30 职场文书
教师考察材料范文
2014/06/03 职场文书
淘宝好评语句大全
2014/12/31 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
PHP判断是否是json字符串
2021/04/01 PHP
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript