美文网首页
移动端调试方法总结

移动端调试方法总结

作者: 靳晓阳s | 来源:发表于2017-10-29 21:58 被阅读49次

前言

开发过程中,如果是一个 Web 端的请求,那么打开调试工具直接查看就行了。但是移动端就稍微麻烦一些,因为你并不能直接查看各个请求。如果是自己开发的移动端产品还好定位一些,如果是跟其它团队合作,那么好的调试方式必不可少。

以下是我工作中常用到的移动端调试方法。

Fiddler 代理转发

  1. 笔记本打开热点
  2. 手机连接热点,手动配置代理。代理主机名就是笔记本的 ip 地址,端口号就 8888
  3. Fiddler 监听 8888 端口号的请求

这时候可以查手机端的所有 Http 请求,主要是还是看 header, response 这些信息。能查看 Http 请求了,已经可以满足大部分调试需求了。

详细教程请搜索: Fiddler 调试 手机

chrome://inspect

  1. debug 版本的 Android 端 App,并且安装好
  2. 打开开发者模式,再打开 USB 调试
  3. chrome 浏览器打开 chrome://inspect

可以像 Web 端调试一般调试了,很舒服。

详细教程请搜索:Chrome 调试 手机

总结

采用 Fiddler 代价最小,同时也能满足大部分需求了,但是并不能操作 Cookie,SessionStorage, LocalStorage 等这些具体值。所以如果 Fiddler 能满足你的需求,那么这个就足够了,如果不能就请求 Anroid 同学给你提供一个可以在 Chrome 调试的 debug 版本吧。

--EOF--

相关文章

  • 移动端调试方法总结

    前言 开发过程中,如果是一个 Web 端的请求,那么打开调试工具直接查看就行了。但是移动端就稍微麻烦一些,因为你并...

  • 移动端调试方法

    随着手机等移动设备的普及,适配移动端的页面变得越来越有必要。这也意味着移动端的调试变得越来越频繁,那么就会发生以下...

  • 移动端调试方法

    1.Android 在vscode终端里面起一个服务,用devTools代理android设备(访问chrome:...

  • 遇到的坑(转)

    下面,就总结一下移动端遇见的坑。 1.input placeholder问题 在chrome 模拟移动端调试时[...

  • 流式布局&flex布局

    流式布局 1. 移动端基础 1.1浏览器现状 1.2手机屏幕的现状 1.3常见移动端屏幕尺寸 1.4移动端调试方法...

  • 移动web开发与适配

    学习目标 了解移动web简单调试方法 了解移动web常见适配方案 掌握移动端布局技巧 全面掌握rem适配方法 移动...

  • H5 App调试方法参考

    H5调试常见方法 相较于pc端,移动端调试要更加丰富一些,下面对调试的方法进行简单汇总。主要分为以下几点: chr...

  • 移动端js调试工具:eruda

    移动端js调试工具:eruda使用方法: (function (params) {eruda.init()})();

  • 移动端网页调试

    移动端网页调试

  • 移动端H5测试方案分析

    按平台不同,web调试可以分为桌面web调试和移动端web调试两种,其中用到的调试方法也有所不同。 桌面web调试...

网友评论

      本文标题:移动端调试方法总结

      本文链接:https://www.haomeiwen.com/subject/nbdupxtx.html