真机调试页面android+chrome

使用android手机调试网页

前提准备

  • 安装了chrome的android手机
  • 电脑安装chrome

手机与电脑连接

  • 手机上打开开发者模式, 不知道怎么打开的自行百度
  • 使用USB与电脑连接, 并打开USB适调

电脑chrome开发工具页面

  • 地址栏输入 chrome://inspect
  • 进入页面后勾选 Discover USB devices
    真机调试页面android+chrome_第1张图片
  • 手机上会出现提示是否允许适调, 点击确定
    真机调试页面android+chrome_第2张图片
  • 这个时候就可以用电脑控制手机的chrome了
    真机调试页面android+chrome_第3张图片
  • 手机型号下面的列表: 手机上chrome打开的页面
  • 点击inspect进入适调页面
    真机调试页面android+chrome_第4张图片

访问电脑本地服务器

经过上面的步骤, 能访问到页面并在手机上适调, 但是对于电脑本机服务器还是无法访问

  • 点击Prot forwarding按钮
    真机调试页面android+chrome_第5张图片
  • 出现下面页面, 配置好主机名端口号
    真机调试页面android+chrome_第6张图片
  • 完了之后在手机型号旁边会有一个绿色端口号
    真机调试页面android+chrome_第7张图片
  • 现在就可以用localhost访问本地服务器了

你可能感兴趣的:(其他)