vuejs - 在某些安卓机下(特别是huawei)用自带的浏览器,显示空白页的解决办法

栏目: JavaScript · 发布时间: 6年前

内容简介:感慨一下: 想解决这个问题需要:1. 有一些安卓的知识 (ADB,  android studio, log)2. 有 vuejs 的知识 ( es, )

感慨一下: 想解决这个问题需要:

1. 有一些安卓的知识 (ADB,  android studio, log)

2. 有 vuejs 的知识 ( es, )

3. 知道如何抓包(charles)

4. 知道如何google / baidu

5. 知道如何部署 ( linux , ssh, nginx , capistrano ) .

我们发现,最近上的一个, 在安卓的手机上, 部分机型显示空白页.

通过抓包, 发现一切正常. (对于正常的 http 协议, 可以直接抓包)

对于https 协议, 使用charles ,配置好 SSL proxy 之后,也可以抓包

没办法了, 只有查看手机浏览器的 logo

打开 android studio, 插入USB连接手机, 然后看LOG. 满屏幕, 根本没法看.

于是:

1. 找到 浏览器对应的 process ID

2. 或者找到对应的 vivo browser 关键字,

于是做过滤, 然后查看 LOG, 发现报错:  undefined xxx.js: 23

找到这个 js 的23行, 发现是一个 es6-promise的声明组件. 所以怀疑是否是由于 es6 造成的.

百度一下, 发现很多帖子: https://blog.csdn.net/genius_yym/article/details/80348828

按照帖子中介绍的:

1. package.json 中, 增加: (貌似这个可以自动增加... 记得把它提交到 git 中)

"dependencies": {
     "babel-polyfill": "^6.26.0",
    /...
}

2. 运行命令:    $ npm install babel-polyfill --save

3. 在  src/main.js  中增加:

import 'babel-polyfill'
import Es6Promise from 'es6-promise'

Es6Promise.polyfill()

4. 运行  nvm use 10.8.0  (记得这里务必是正确的版本号. 我的机器上默认的版本是 node 5.8.0, 所以一直在报错)

5. nvm run dev,  或者 nvm run build  就可以了.


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

首席产品官1 从新手到行家

首席产品官1 从新手到行家

车马 / 机械工业出版社 / 2018-9-25 / 79

《首席产品官》共2册,旨在为产品新人成长为产品行家,产品白领成长为产品金领,最后成长为首席产品官(CPO)提供产品认知、能力体系、成长方法三个维度的全方位指导。 作者在互联网领域从业近20年,是中国早期的互联网产品经理,曾是周鸿祎旗下“3721”的产品经理,担任CPO和CEO多年。作者将自己多年来的产品经验体系化,锤炼出了“产品人的能力杠铃模型”(简称“杠铃模型”),简洁、直观、兼容性好、实......一起来看看 《首席产品官1 从新手到行家》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具