微信网页远程调试工具 通过Mac远程调试iPhone/iPad上的网页

  我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非常不方便,所以一直没有 Web 检查器这一类工具。

  但是 iOS 6 的发布解决了这个问题。

  iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试。下面我讲讲详细的调试过程:

微信网页远程调试工具 通过Mac远程调试iPhone/iPad上的网页

  1. 要进行远程调试,首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能,“通过 设置 > Safari > 高级”开启:

  2. 然后打开 Safari,开启你要调试的网页,当然原生应用中通过 WebView 开启的网页也是可以调试的。

  3. 最后把 iPhone 或者 iPad 通过数据线连上 Mac 电脑,打开桌面版的 Safari(目前 iOS 6 的 Safari 远程调试只支持通过 Mac 上的桌面版的 Safari 进行,Safari for Windows 目前还没有此项功能),点击开发菜单,选择你调试的 iPhone/iPad 的设备名,选择调试的网页。

  4. 最后就是调用桌面版的 Safari 的 Web 检查器对 iPhone/iPad 上的 Safari 应用进行调试:

  这个调试过程和我们平常在 Mac/PC 上调试基本一样,比如可以对 HTML 和 CSS 做些实时的改动,查看修改后的效果。查看 cookie,本地存储,session 等一些数据。查看 WebApp 的性能,网络请求等,也可以查看所有错误和警告信息对程序进行修正。

  当然我们可以通过它来调试 Javascript,设置断点,定义未捕获的意外等。也可以访问 Console,直接执行 Javascript 代码。

  另外它还支持触摸检查(Touch to inspect):激活检查器上的手型图标,就可以通过在 iPhone/iPad 上触摸,就能立即找到检查器对应的 DOM 元素。

  (Denis 供雷锋网专稿,转载请注明来自雷锋网及作者)

  

爱华网本文地址 » http://www.aihuau.com/a/307551/228304151887.html

更多阅读

微信网页版怎么用/如何登陆 精 微信网页版账号登陆

微信网页版怎么用/如何登陆 精——简介微信网页版怎么用? 有很多人知道微信网页版,但是不晓得微信网页版怎么登陆怎么用。微信网页版需要有手机微信的配合才能登陆。 这里就来为大家分享下这么登陆微信网页版。也可以使用最新的微信

微信网页版登陆的两种方式 手机微信网页登陆入口

总是对着手机看微信是不是觉得屏幕太小不是特别方便,打字速度是不是也顿时觉得慢了许多,所以偶尔体验一下微信网页版的感觉还是很不错的。那么现在我就给大家讲一下微信登陆网页版的两种方式吧!第一种:直接网页登陆进入个人微信

微信网页版怎么看聊天记录 电脑版微信有聊天记录

你好!我是邓德树,可以叫我老邓。  今天我来教大家一个别人或者你身边朋友不知道的使用技巧。大家都使用过微信网页版吧。但是很多人不知道怎么查看里面聊天记录。究竟怎么查看呢?看邓德树怎么教你。  第一步,其实你不需要登录了网

微信网页版,微信网页版朋友圈 微信网页版查看朋友圈

微信网页版如何登录?第一步:打开网页https://wx.qq.com第二步:拿起你的手机,登录微信,扫一扫扫描网页二维码第三步:成功扫描之后,点击我确认登录微信网页版第四步:扫描之后,成功登录微信网页版。注意事项:1、微信网页版与手机微信是同步更新的

声明:《微信网页远程调试工具 通过Mac远程调试iPhone/iPad上的网页》为网友风继续吹分享!如侵犯到您的合法权益请联系我们删除