移动端如何调试网页

作者 likaiqiang 日期 2017-04-05
移动端如何调试网页

利用PC端chrome模拟

  1. 用chrome浏览器打开待调试页面

  2. 点击手机图标

  3. 选择屏幕尺寸

  1. 最终结果

利用UC浏览器

具体看这里

利用微信开发者工具

  1. 首先下载微信开发者工具

  2. 在微信开发者工具中打开待调试页面

  3. 可以选择pc端调试和移动调试,移动调试可以去看微信官方的文档,这里不详细说明

腾讯TBS

腾讯给开发者做的一大贡献

  1. 下载TBS,这东西以前集成在QQ浏览器中,现在独立出来,不仅可以调试微信端,还可以调试移动端qq浏览器,但凡X5内核他都能调试

  2. 基本上我只使用它来调试移动端网页,使用方法也很简单,傻瓜式教程保你包教包会。

关于苹果手机

只要有一个苹果手机和一台mac电脑,两者缺一不可。一旦两者缺一,调试将变的异常困难。

只有苹果手机

  1. 可以试一下用微信开发者工具的移动调试

  2. spy-debugger和微信移动调试原理一样,不想装微信开发者工具的可以试一下。

只有mac电脑

这个只能PC端模拟了,要么去借台苹果手机。

既有苹果手机,又有mac

利用safari的开发者选项,然后iphone手机连接电脑。