如何使用Mac远程调试iPhone/iPad 中的网页

权威培训中心

权威培训中心

2016-02-20 00:38

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

我们有时候需要使用手机来进行一些网页的调试,不过由于手机屏幕的原因,因而调试网页非常的不方便。为了解决这个问题,图老师小编今天给iPhone/iPad 用户们带来了,如何通过MAC远程调试iPhone/iPad上 网页的方法。

具体的操作步骤:

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

 如何使用Mac远程调试iPhone/iPad 中的网页

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/diannaorumen/)

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

 如何使用Mac远程调试iPhone/iPad 中的网页

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

 如何使用Mac远程调试iPhone/iPad 中的网页

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/diannaorumen/)

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

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

以上就是如何通过MAC远程调试iPhone/iPad 上网页的方法了,有需要或是有兴趣的用户们,可以尝试一下。

展开更多 50%)
分享

猜你喜欢

如何使用Mac远程调试iPhone/iPad 中的网页

电脑入门
如何使用Mac远程调试iPhone/iPad 中的网页

如何使用MAC远程控制PC电脑

电脑入门
如何使用MAC远程控制PC电脑

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

vc++如何实现远程调试

编程语言 网络编程
vc++如何实现远程调试

iPhone/iPad相机胶卷中删除的照片如何“复活”

iphone iPhone 5s iPhone 6 iphone刷机
iPhone/iPad相机胶卷中删除的照片如何“复活”

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

MAC如何将文件传到IPAD

电脑入门
MAC如何将文件传到IPAD

MAC中如何使用iTunes截取音乐

电脑入门
MAC中如何使用iTunes截取音乐

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JSON(JavaScript Object Notation)

JSON(JavaScript Object Notation)

JavaScript教程:创建对象实例

JavaScript教程:创建对象实例
下拉加载更多内容 ↓