zoukankan      html  css  js  c++  java
  • 总结调试webview的方式(安卓)

    通过chrome直接进行调试

    chrome调试_准备工作

    • 请保证已经kexue上网
    • 确定数据线为传输线, 不是充电线.
    • 确保手机处于开发者模式, 链接电脑.
    • 手机打开USB调试
    • 图1_01
    • 确认手机已开启USB调试模式
    • 图1_02
    • 打开Chrome, 地址栏输入chrome://inspect
    • 在Devices选项, 打开发现USB设备选择
    • 看到自己的手机出现在设备列表中
    • 图1_03
    • 手机上打开chrome浏览器
    • 输入任意网址, 可在设备列表看到
    • 点击inspect按钮, 即可进行调试
    • 图1_04
    • 可以通过window.location.href = "http://xxx.com"

    遇到的问题

    • 所有的问题全部来自于kexue上网
    • 首先在PC端, 显示空白, 后显404页面, 未能再次复现
      • 使用小米手机, 打开浏览器, 看到了这种情况, 必现, 未解决
      • 小米手机进webview也不能调试
      • 找到原因: kexue上网
    • 有些老手机, 进行调试的时候, 遇到的问题
      • 无法看到请求
      • 不能在console栏中直接输入代码
      • 找到原因: kexue上网
    • 在控制台不能输入代码
      • 找到原因: kexue上网

    问题原因

    注意:使用 Chrome Inspect 查看页面时,Chrome 需要从 https://chrome-devtools-frontend.appspot.com 加载资源,如果你得到的调试界面是一片空白,那你可能需要kexue上网。

    安卓抓包

    安卓抓包_准备工作

    • 配置Charles代理端口号

    • 图2_01

    • 安卓手机处于同一个wifi下

    • 进入WiFi设置, 设置代理, 代理地址到pc

    • 图2_02

    • 设置前面配置的端口号

    • 图2_03

    • pc弹出提示框, 是否同意进行代理, 同意

    • 图2_04

    • 此时遇到问题, 手机所有的链接变成不可信任(已关闭翻墙软件)

    • 进入charles, 选择Proxy -> SSL Proxiyng Settings ->勾选 “Enable SSL Proxying”

    • 图2_05

    • 下面是之前安装的, 这次没有验证

    • 安装证书到电脑,选择 Help->SSL Proxying->Install Charles Root Certificate 按提示安装即可

    • 在“加密套接字协议层(SSL)”一栏选择始终信任

    • 安装证书到手机上: Install Charles Root Certificate on a Mobile Device or Remote Browser

    • 图2_06

    • 显示安装成功, 并给出地址

    • 图2_07

    • 手机浏览器打开后, 输入chls.pro/ssl, 下载

    • 点击后, 进行安装, 并输入名称即可

    • 图2_08

    链接后无法上网问题

    • 全部无法上网
      • 网页报错, 链接并不可靠
      • app无法正常发送请求
      • 猜测需要使用代理解决
    • 已打开的app, 再去代理, 可以上网
      • 已经打开的app, 代理后, 不关闭, 可以正常上网
      • 打开浏览器后, 网页不能用
      • 再次重启app后, 不可上网
    • 排除代理问题
      • 访问使用http的网站正常
      • 网站地址: http://mayang.wicp.vip/
    • 确认使用https
      • 网站中的http图片均可以使用
      • https的图片不可以使用

    使用Charles进行代理

    代理本地地址

    • 首先进入Tools -> Map Local 打开本地代理
    • 图3_01
    • 选择Add添加代理地址
    • 图3_02
    • 关掉翻墙, 软件, 并打开Charles的代理开关
    • 图3_03
    • 测试成功
    • 图3_04

    如何使用charles代理https

    代理远程地址

    • 和本地地址一个样子, 只不过是这是在Tools -> Map Remote里进行设置

    总结

    有了这三样, 调试真机上的所有, 不是问题.

  • 相关阅读:
    KVM -> 热迁移_05
    KVM -> 虚拟机磁盘管理_03
    使用光盘搭建本地yum源
    KVM -> 虚拟机管理&console登录_02
    使用windows-SQLyog连接linux-mysql
    linux下登陆mysql失败
    忘记root密码时如何重设密码
    批处理程序:自动登陆服务端,并循环执行某些命令
    linux--磁盘分区
    linux--档案与目录管理
  • 原文地址:https://www.cnblogs.com/zhangrunhao/p/11436949.html
Copyright © 2011-2022 走看看