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

2016-02-20 00:38 7 1 收藏

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

【 tulaoshi.com - 苹果Mac教程 】

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

具体的操作步骤:

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160220/1632280.html

延伸阅读
iPhone/iPad如何兑换礼品卡?   当你收到苹果的礼品卡,或因某个特定应用程序而收到了促销代码时,您可以通过tulaoShi.com使用PC端的iTunes或直接在iPhone/iPad上进行兑换。 一、iPhone和iPad上的App Store应用程序如何兑换礼品卡? 1.在主屏幕点击打开App Store 2.轻按【Featured】选项 3.拉动页面至最底部,...
标签: iPad
做好安全设置 之所以选择 iPhone,是因为 iPhone 的设计相对简单,比起可以高度自定义的 Android 手机更适合父母使用,即便是很少接触电子设备的父母也能够很快上手。 而我们要做的就是尽可能的帮他们简化这个过程,让他们不需要烦心也可以把手机用得很顺手。 设置指纹解锁和输入简单的密码 首先,我们要在把手机给长辈之...
酷盘iPhone(iPad)版如何在App Store中安装   酷盘iPhone(iPad)版在App Store中安装的方法如下: 第一步:进入App Store (注:以iPod Touch界面截图为例,iPhone的安装方法与之相同) 方法一:使用iPod Touch在中搜索关键字或 1. 打开App Store。 2. 在输入框内,输入或。 方法二:使用iPod Touch...
标签: 电脑入门
将自己手机的图片传到电脑中,然后使用各种修图工具修饰一番,在晒到网上,这是许多小伙伴们都喜欢作的事。对于使用IPHONE和MAC的土豪们来说,传照片虽然很简单,但也很容易出错哦。现在就让图老师小编再跟大家说一下这个简单的操作方法吧。 将iphone中的照片导入Mac的方法: 第一步:连接自己的手机到电脑。 第二步:导入自己的相片到电...
很多人说设计是力求细节的,在网页设计里表达出的细节就是图标。图标在一个设计里带来了额外的注解并且使设计里的对象和元素引起用户的注意。 以下介绍的是一个用图标描述的最优方法。当使用图标时,图标的描述包含了一系列的隐喻。这也是在网站导航广泛使用图标和一系列图标组的原因。 隐喻 : 图标是文字的隐喻,也让人很好地知道隐喻,...

经验教程

303

收藏

26
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部