Cordova 学习笔记

# web调试

# 1.安卓应用无线

准备：

  • wifi网络：wifi-line
  • 代理工具: whistle

# 1.1 window 电脑

  • 1.连接网络wifi-line
  • 2.本地前端项目启动地址：https://localhost:8080
  • 3.启动whistle配置代理: https://zhoubichuan.com https://localhost:8080
  • 4.cmd 中 ipconfig 获取电脑ip地址 [ip]

# 1.2 安卓设备

  • 1.连接网络wifi-line: wifi设置-代理--手动-服务器为局域网的ip，端口号:8899
  • 2.打开代理页面，下载证书，安装证书
  • 3.手机设置成开发者调试模式,设置无线调试
  • 4.手机打开app即可看到运行中的项目

# 2.安卓应用有线

准备：

  • wifi网络：wifi-line
  • 代理工具: whistle

# 2.1 window 电脑

  • 1.连接网络wifi-line
  • 2.本地前端项目启动地址：https://localhost:8080
  • 3.启动whistle配置代理: https://zhoubichuan.com https://localhost:8080
  • 4.cmd 中 ipconfig 获取电脑ip地址 [ip]

# 2.2 安卓设备

  • 1.连接网络wifi-line: wifi设置-代理--手动-服务器为局域网的ip，端口号:8899
  • 2.打开代理页面，下载证书，安装证书
  • 3.手机设置成开发者调试模式,用数据线与电脑相连，会出现调试弹框，点击确定
  • 4.电脑端打开浏览器地址:chrome://inspect/#devices,出现Remote Target点击inspect进入页面，即可调试app

# 3.苹果应用无线

# 4.苹果应用有线

准备：

  • wifi网络：wifi-line
  • 代理工具: whistle

# 4.1 mac 电脑

  • 1.连接网络wifi-line
  • 2.本地前端项目启动地址：https://localhost:8080
  • 3.启动whistle配置代理: https://zhoubichuan.com https://localhost:8080
  • 4.Mac端: 打开Mac端Safari 的开发者模式：具体步骤: 打开Safari –> 偏好设置 –> 高级 –> 勾选“在菜单栏中显示“开发”菜单”选项

# 4.2 苹果设备

  • 1.连接网络wifi-line: wifi设置-代理--手动-服务器为局域网的ip，端口号:8899
  • 2.打开代理页面，下载证书，安装证书
  • 3.打开手机端Safari的web检查器：具体步骤：设置(Setting) –> Safari –> 高级(Advanced) –> 打开web检查器(web inspector)
  • 4.将手机通过数据线连接到电脑，用手机打开一个webview
  • 5.电脑端打开safari –> 开发 –> 找到你要监控的设备名字 –> 选中该设备下打开的webview的url 即可进入监控界面

← 二. →