移动端开发调试大法

本文详细介绍了移动端开发的多种调试方法,包括Chrome DevTools的手机模拟调试、Chrome浏览器的Inspect检查器、VConsole、weinre、Eruda等插件调试,以及HBuilderX和腾讯TBS Studio的使用。每种方法都有其优缺点,如Chrome DevTools的模拟受限于真实环境,而HBuilderX支持真机边改边看。了解这些工具可以帮助开发者更高效地解决移动端的调试问题。
摘要由CSDN通过智能技术生成

一、Chrome DevTools模拟手机调试

方法:F12打开开发者工具,点击Toggle device toolbar按钮模拟手机模式
优点:相对比较普遍的一种方法,结构、样式、断点调试等都不在话下。
缺点:只能通过pc浏览器调试,运行环境等达不到真机环境的条件,会造成某些属性、样式调试无问题,真机时不兼容问题。

二、Chrome浏览器自带的Inspect检查器

方法:地址栏输入chrome://inspect/#devices
优点:最新版本,ios和android都支持,与手机页面同步调试,可以同时调试多个设备和页面,并且满足绝大部分调试。
缺点:Android4.4以下不支持,必须通过数据线连接,android需要手机打开usb调试模式,对X5内核支持不是很好,时灵时不灵,ios需要额外配置可参考kelsen的博客。
问题:HTTP/1.1 404 Not Found
**解决:多半时网络限制问题,翻墙后可解决,百度云<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值