解决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 初体验(建议学习jquery)
Apr 25 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
Dec 28 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
Feb 26 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
小程序云开发实战小结
Oct 25 Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 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调用google接口生成二维码示例
2014/04/28 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
Javascript编程中几种继承方式比较分析
2015/11/28 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
详解Angular 4.x Injector
2017/05/04 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
JS实现的简单tab切换功能完整示例
2019/06/20 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python自动登录126邮箱的方法
2015/07/10 Python
深入理解python try异常处理机制
2016/06/01 Python
Python编程之event对象的用法实例分析
2017/03/23 Python
matplotlib savefig 保存图片大小的实例
2018/05/24 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
浅析python继承与多重继承
2018/09/13 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
Python @property及getter setter原理详解
2020/03/31 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
产品质量承诺书
2014/03/27 职场文书
公司年终奖分配方案
2014/06/16 职场文书
挂职个人工作总结
2015/03/05 职场文书
学生退学证明
2015/06/23 职场文书
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android