Luuman's Blog

因为有了危机感,所以会义无反顾。


  • Home

  • About

  • Archives

  • Search

移动端调试

Posted on 2018-03-27 Edited on 2019-08-19 In Chrome
随着移动设备的普及以及微信庞大的用户量,移动端的需求也随之爆发式增长,平时我们使用 Chrome 进行手机模拟页面开发,但模拟终究是模拟,不可避免的还是需要真机调试,下面就来讲讲几种调试方案,希望能对你有所帮助。

随着移动设备的普及以及微信庞大的用户量,移动端的需求也随之爆发式增长,平时我们使用 Chrome 进行手机模拟页面开发,但模拟终究是模拟,不可避免的还是需要真机调试,下面就来讲讲几种调试方案,希望能对你有所帮助。

iPhone

iPhone + Safari

使用 Lightning 数据线将 iPhone 与 Mac 相连

iPhone(iOS 6 +)

  1. iPhone 开启 Web 检查器(设置 -> Safari -> 高级 -> 开启 Web 检查器)
  2. iPhone 使用 Safari 浏览器打开要调试的页面

Safari

  1. Mac 打开 Safari 浏览器调试(菜单栏 —> 开发 -> iPhone 设备名 -> 选择调试页面)
  2. 如果你的菜单栏没有“开发”选项,可以到左上角 Safari -> 偏好设置 -> 高级 -> 在菜单栏中显示“开发”菜单。

Android

Android + Chrome

使用 USB 数据线将手机与电脑相连

Android (4.0 +)

手机进入开发者模式,勾选 USB 调试,并允许调试

Chrome

  1. 电脑打开 Chrome 浏览器,在地址栏输入:chrome://inspect/#devices 并勾选 Discover USB devices 选项

Charles

iphone

网络设置(设置 -> 网络 -> 配置代理 -> 手动代理)
网址:笔记本网址
端口:8888

# Chrome
JavaScript 数组方法汇总
前端网站SEO执行策略
  • Table of Contents
  • Overview

Luuman

爱折腾,爱运动,更爱游离于错综复杂的编码与逻辑中,无法自拔。相信编程是一门艺术,自诩为游弋在代码里的人生。
92 posts
19 categories
36 tags
友情链接
  • 编程の趣
  • 翁天信
  • MOxFIVE
  • Meicai
  1. 1. iPhone
    1. 1.1. iPhone + Safari
      1. 1.1.1. iPhone(iOS 6 +)
      2. 1.1.2. Safari
  2. 2. Android
    1. 2.1. Android + Chrome
      1. 2.1.1. Android (4.0 +)
      2. 2.1.2. Chrome
  3. 3. Charles
    1. 3.1. iphone
广告位 广告位 广告位
© 2019 Luuman
Powered by Hexo v3.9.0
|
Theme – Nice.Gemini v7.3.0