解决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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
JS清除选择内容的方法
Jan 29 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
javaScript封装的各种写法
Aug 14 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
一篇文章带你浅入webpack的DLL优化打包
Feb 20 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你的验证码安全码?
2007/01/02 PHP
php实现根据词频生成tag云的方法
2015/04/17 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
js表格分页实现代码
2009/09/18 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
Javascript学习笔记5 类和对象
2010/01/11 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
浅谈Vue内置component组件的应用场景
2018/03/27 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
Python Tkinter实现简易计算器功能
2018/01/30 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
python中如何设置代码自动提示
2020/07/15 Python
二年级数学教学反思
2014/01/21 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
测量工程专业求职信
2014/02/24 职场文书
运动会加油稿100字
2014/09/19 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
出纳岗位职责范本
2015/03/31 职场文书
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
2021/03/31 HTML / CSS
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技