如何检查 iPhone 元素，你需要知道的一切

如何检查 iPhone 元素，你需要知道的一切

如何检查 iPhone 元素，你需要知道的一切 你可以直接在那里 Safari 检查网页元素吗？

像许多其他移动浏览器一样，简单的答案是否定的，iOS 上的 Safari 不提供用于查看网页开发的本机检查工具.Apple 没有这样的选项，但我们认为这与智能手机上的显示屏有多小有关。较小的显示尺寸可能会使用户更难浏览正在检查的框架，因为当您想编辑网页代码甚至定位代码时，你可能必须小心地放置光标.?

另一个原因可能是智能手机缺乏计算能力。尽管现代 iPhone 有足够的能力运行图形密集型游戏，但查看网站的页面信息可能很困难，因为并不是所有的网站都是平等创建的。有些网站可能有很多资源和层，它们被精心设计，使它们看起来无缝，但它们可能需要一些时间来加载相同的资源.?

在 iPhone 上检查 Element：你还有哪些其他选择？

在 iPhone 上检查 Element：你还有哪些其他选择？

尽管你不能在那里 iOS 上的 Safari 在应用程序中使用“检查元素”工具，但仍有办法解决这一限制。这里有三种方法可以检查你 iPhone 上的 Safari 上访问的网页元素.?

方法 #01：在 Mac 上使用 Safari

如果您除了 iPhone 之外还拥有 macOS 设备，那么你还是可以直接从 Safari 应用程序检查网页，但在 Mac 上.Apple 允许您使用其“开发”工具 iOS 上从 Safari 调试网页,就像在 Mac 同样。虽然调试网站的过程相对简单，但其初始设置可能比您预期的要长。但别担心，我们将以最简单的方式解释设置过程，并帮助您在第一次之后轻松检查页面.?

在 iOS 上启用 Web Inspector

能够调试 Web 元素，你首先需要做的 iOS 上的 Safari 启用应用程序 Web Inspector.为此，请打开“设置”应用程序并选择“Safari”.

在 Safari 向下滚动，点击“高级”.?

点击下一个屏幕上的“Web Inspector“旁边的切换按钮，直到它变绿.?

Mac 上部的初始设置

在 iOS 上成功启用 Web Inspector for Safari 以后，现在就可以了 Mac 设置已完成。在 Mac 上,打开 Safari 单击菜单栏中的“应用程序”Safari选项并选择“首选”.?

在出现的窗口中，从顶部选择“高级”选项卡，然后选择“在菜单栏中显示开发菜单”框.?

在出现的窗口中，从顶部选择“高级”选项卡，然后选择“在菜单栏中显示开发菜单”框.?

你现在应该在顶部的菜单栏中看到“开发”选项.?

现在,使用 iPhone 随附的 USB 电缆,在 iPhone 和 Mac 建立连接。当你的时候 iPhone 连接到 Mac 您可以点击菜单栏上的“开发”查看您的内容 iPhone 是否出现在设备列表中。如果是，请单击此列表中的设备名称.?

为了确保你能够无线地检查网页，而不像刚才那样使用它 USB 电缆,请在 iPhone 菜单打开时，单击“通过网络连接”选项.?

现在，你可以断开 iPhone 与 Mac 您仍然可以在不连接电缆的情况下检查网页.?

在 Mac 上检查来自 iOS 的网页

现在你已经在“开发”菜单上使用了“通过网络连接” Mac 上从 iOS 上的 Safari 检查网页。你只需要确保 iPhone 和 Mac 连接到同一个无线网络，可以无线调试网页.?

为此，请在你的 iPhone 上打开 Safari 将应用程序转移到您想查看的网页上.?

解锁 iPhone 打开选定的网页后，移动到 Mac 并在那里打开 Safari 应用程序。在这里，单击菜单栏中的“开发”并转移到“iPhone”.?

当你把鼠标挂起来时，“iPhone“你应该在上面看到它 iOS 打开的网页列表。从列表中单击要检查的网页.?

Mac 上将加载一个新窗口，显示所有可以从选定的网页上检查的信息.?

你可以在检查期间的任何时候搜索 iPhone 查看一行代码指向页面的哪个部分。

这个蓝色区域意味着你在 Mac 上悬停的代码构成了这个特定网页的突出显示元素。在不同的代码线之间移动 iPhone 实时移动上页不同部分的蓝色突出显示.?

方法 #02：在 iOS 在上面使用快捷方式

如果您没有 Mac 或想直接从 iPhone 如果你偷看网站，你会很高兴知道 iOS 这个目的可以用于快速应用程序.iOS 上述快速应用程序提供了一系列预制选项，允许您查看页面的源代码、编辑页面、从网站捕获图像和从 Safari 在应用程序中找到网页的旧版本。不幸的是，在没有单一快捷方式的情况下 iOS 提供成熟的 Web 因此，您需要为每个目的添加一个快速的方法.?

我们找到了以下快捷方法，您可以直接使用这些快捷方法 iOS 调试网站。这些是:

查看源代码#8211; 这种快速的方法可以让你以基本骨骼格式查看网页的源代码.?

编辑网页#8211; 这种快速的方法可以让你在本地编辑网页内容，这样你就可以测试新的设计或格式以及它在哪里 iPhone 上的外观.

?

从页面获取图像-检查页面的主要原因之一可能是检查图像或保存不交互的图像。这种快速的方法是从一个网页上捕获所有的图像，然后集中预览它们。如下面的屏幕截图所示，您可以查看所选网页上的托管 24 图像中的每一张.?

从页面获取图像-检查页面的主要原因之一可能是检查图像或保存不交互的图像。这种快速的方法是从一个网页上捕获所有的图像，然后集中预览它们。如下面的屏幕截图所示，您可以查看所选网页上的托管 24 图像中的每一张.?

Wayback Machine?– 这种快捷的方式会把你带到网页上 Wayback Machine,您可以查看它以前保存过的内容 Internet Archive 中的版本.?

根据您在 iOS 单击上面的相关链接或“快捷方式”查看网页。>在“图库”中搜索它们，为您添加任何这些快速方法 iPhone.?

点击添加到搜索结果中 iPhone 的快捷方式.?

打开预览屏幕时，点击底部的“添加小部件”选项.?

你所有的快捷方式都会出现在我的快捷方式中 > 它们也可以在所有快速屏幕中 Safari 访问共享表. ?

检查网页，请在 Safari 打开它，然后点击底部的“共享”按钮.?

向下滚动并找到您添加到共享表中 iPhone 的快捷方式.?

选择“编辑网页”将直接允许您编辑网页的部分内容。当您选择其他三个选项中的任何一个时，系统将提示您是否需要快速访问网页。在此，单击“允许一次”.?

方法 #03：使用第三方应用程序

如果您对上述结果不满意，您必须探索第三方应用程序来检查网页元素 Safari 类似地，你找不到最受欢迎的网络浏览器（Chrome、Firefox、Brave 等)检查网页的方法。相反，您将不得不依赖于执行此特定任务的应用程序，这种应用程序可能很难找到。

虽然在 App Store 简单的搜索将为您提供多个检查网络元素的结果，但您不会找到许多免费和高评价的应用程序。根据用户反馈，我们建议您安装它App Store Inspect Browser或Gear 他们提供Browser应用程序 JavaScript、CSS 和 HTML 检查和编辑元素。

你可以直接在那里 Safari 检查网页元素吗？

像许多其他移动浏览器一样，简单的答案是否定的，iOS 上的 Safari 不提供用于查看网页开发的本机检查工具.Apple 没有这样的选项，但我们认为这与智能手机上的显示屏有多小有关。较小的显示尺寸可能会使用户更难浏览正在检查的框架，因为当您想编辑网页代码甚至定位代码时，你可能必须小心地放置光标.?

另一个原因可能是智能手机缺乏计算能力。尽管现代 iPhone 有足够的能力运行图形密集型游戏，但查看网站的页面信息可能很困难，因为并不是所有的网站都是平等创建的。有些网站可能有很多资源和层，它们被精心设计，使它们看起来无缝，但它们可能需要一些时间来加载相同的资源.?

在 iPhone 上检查 Element：你还有哪些其他选择？

在 iPhone 上检查 Element：你还有哪些其他选择？

尽管你不能在那里 iOS 上的 Safari 在应用程序中使用“检查元素”工具，但仍有办法解决这一限制。这里有三种方法可以检查你 iPhone 上的 Safari 上访问的网页元素.?

方法 #01：在 Mac 上使用 Safari

如果您除了 iPhone 之外还拥有 macOS 设备，那么你还是可以直接从 Safari 应用程序检查网页，但在 Mac 上.Apple 允许您使用其“开发”工具 iOS 上从 Safari 调试网页,就像在 Mac 同样。虽然调试网站的过程相对简单，但其初始设置可能比您预期的要长。但别担心，我们将以最简单的方式解释设置过程，并帮助您在第一次之后轻松检查页面.?

在 iOS 上启用 Web Inspector

能够调试 Web 元素，你首先需要做的 iOS 上的 Safari 启用应用程序 Web Inspector.为此，请打开“设置”应用程序并选择“Safari”.

在 Safari 向下滚动，点击“高级”.?

点击下一个屏幕上的“Web Inspector“旁边的切换按钮，直到它变绿.?

Mac 上部的初始设置

在 iOS 上成功启用 Web Inspector for Safari 以后，现在就可以了 Mac 设置已完成。在 Mac 上,打开 Safari 单击菜单栏中的“应用程序”Safari选项并选择“首选”.?

在出现的窗口中，从顶部选择“高级”选项卡，然后选择“在菜单栏中显示开发菜单”框.?

在出现的窗口中，从顶部选择“高级”选项卡，然后选择“在菜单栏中显示开发菜单”框.?

你现在应该在顶部的菜单栏中看到“开发”选项.?

现在,使用 iPhone 随附的 USB 电缆,在 iPhone 和 Mac 建立连接。当你的时候 iPhone 连接到 Mac 您可以点击菜单栏上的“开发”查看您的内容 iPhone 是否出现在设备列表中。如果是，请单击此列表中的设备名称.?

为了确保你能够无线地检查网页，而不像刚才那样使用它 USB 电缆,请在 iPhone 菜单打开时，单击“通过网络连接”选项.?

现在，你可以断开 iPhone 与 Mac 您仍然可以在不连接电缆的情况下检查网页.?

在 Mac 上检查来自 iOS 的网页

现在你已经在“开发”菜单上使用了“通过网络连接” Mac 上从 iOS 上的 Safari 检查网页。你只需要确保 iPhone 和 Mac 连接到同一个无线网络，可以无线调试网页.?

为此，请在你的 iPhone 上打开 Safari 将应用程序转移到您想查看的网页上.?

解锁 iPhone 打开选定的网页后，移动到 Mac 并在那里打开 Safari 应用程序。在这里，单击菜单栏中的“开发”并转移到“iPhone”.?

当你把鼠标挂起来时，“iPhone“你应该在上面看到它 iOS 打开的网页列表。从列表中单击要检查的网页.?

Mac 上将加载一个新窗口，显示所有可以从选定的网页上检查的信息.?

你可以在检查期间的任何时候搜索 iPhone 查看一行代码指向页面的哪个部分。

这个蓝色区域意味着你在 Mac 上悬停的代码构成了这个特定网页的突出显示元素。在不同的代码线之间移动 iPhone 实时移动上页不同部分的蓝色突出显示.?

方法 #02：在 iOS 上使用快

济南苹果换屏维修点

沈阳苹果换屏维修点

以上就是关于"如何检查 iPhone 元素，你需要知道的一切"的内容介绍,希望对您有所帮助,更多苹果手机维修技巧,敬请关注全国苹果维修服务中心.

【如何检查 iPhone 元素，你需要知道的一切】文章内容来源:https://ask.china-applefix.com/weixiu/jiqiao/13453.html