MacOS：在Safari中启用网页检查器

如果您想在Apple Safari中查看网页源代码，您需要通过以下方法启用Safari网页检查器工具。

像Apple、Google等网络浏览器开发者提供了一种开箱即用的工具来查看潜在的代码。开发者主要使用这个工具来调试和可视化在不干扰服务器上实际代码的情况下所做的更改。然而，这个工具现在在内容创作者和技术知识丰富的网络用户中越来越受欢迎，他们希望出于个人或专业目的编辑一个实时网站。如果您是其中之一，请阅读本文，直到最后，了解关于Safari网页检查器的所有信息以及如何检查元素。

目录

• 1 什么是Safari网页检查器？
• 2 如何在Safari 10及以上版本中激活Safari网页检查器
• 3 如何在macOS上使用Safari网页检查器
• 4 如何在较旧版本的macOS中打开Safari网页检查器
  • 4.1 Safari网页检查器：结束语

什么是Safari网页检查器？

网页检查器是Apple为全球网站和应用程序开发者提供的一系列开发工具中的一部分。该工具适用于macOS和iOS设备。开发者可以轻松修改、优化和调试网站，以获得其在线资产的最佳性能。

Safari的网页检查器工具将大多数网站资源集中在一个统一的界面下。该工具还将资源和其参数分离到专用标签中，以免您在众多代码和选项中感到不知所措。网页检查器还为您提供网站内存的时间线视图，以便您轻松调试内存。此外，作为开发者，您可以调整和优化150多种流行的CSS属性，这是开发功能性网站所需的。

在网页检查器工具中，您可以找到以下网站资源标签：

• 元素
• 控制台
• 源代码
• 网络
• 时间线
• 存储
• 图形
• 图层
• 审计

如何在Safari 10及以上版本中激活Safari网页检查器

默认情况下，Apple Mac在Safari中禁用了网页检查器。这是为了防止网页浏览器用户界面的不必要混乱。然而，如果您是开发者、内容创作者或专业Mac用户，您可能希望按照以下步骤激活该功能：

• 在您的MacBook或iMac上打开Safari应用程序。
• 确保您点击了浏览器，以便在Mac工具栏上显示Safari图标。

• 点击Safari（苹果图标）在左上角，选择首选项。
• 或者，您可以使用热键Command + ,来显示首选项菜单。
• 在首选项菜单中，您必须位于常规选项卡。

• 导航至高级选项卡。
• 在代理选项下方，您应该能够看到在菜单栏中显示开发菜单的复选框。请勾选该框。

• 现在，Safari的开发菜单将在Mac工具栏上显示。

这就是在您的Mac浏览器Safari上激活网页检查器功能的方法。对于最新的macOS版本Ventura以及早期版本如Monterey、Big Sur、Catalina等，步骤类似，直到Jaguar。

阅读更多： Html 4.01

到目前为止，您已经学习了如何在Mac Safari应用程序中获取网页检查器功能。请继续学习如何在Safari中实时使用它：

如何在macOS上使用Safari网页检查器

请查看以下步骤，以调用网页检查器工具用于网页开发、内容创作或其他目的。本文展示了在macOS Monterey操作系统中使用的步骤。但从macOS Jaguar到Ventura的步骤非常相似。

• 打开Safari并访问您想要检查的任何网站。
• 有两种方法可以使用Apple开发者工具网页检查器检查网站或进行更改。这些是：
  • 开发 > 显示网页检查器。
  • 右键点击 > 检查元素。
• 要使用第一种方法，请前往Mac工具栏中的Safari浏览器，点击开发菜单。

• 在弹出的上下文菜单中，点击显示网页检查器。此操作的热键是Option + Command + I。

• 这将在网页浏览器的下半部分打开网页检查器工具。您看到的代码是您访问的整个网址或网页的代码。
• 如果您想查看特定网页元素的潜在代码，而不打开整个网页的代码，请选择您想要检查的元素。

• 右键点击，然后在打开的上下文菜单中选择检查元素。
• Safari的网页检查器将打开。

• 但这一次，Safari将直接带您到您正在审核的元素的潜在HTML或CSS代码。
• 在此工具中，您将获得您正在检查的网页元素的HTML和CSS代码。

阅读更多： Technipages解释CSS

如何在较旧版本的macOS中打开Safari网页检查器

假设您正在使用比Jaguar更旧的Mac，并需要使用网页检查器工具。如果您在该Mac中找不到上述步骤，您可以执行一个简单的代码来激活网页检查器。以下是操作方法：

• 打开应用程序，然后转到实用工具文件夹。
• 在实用程序中，您应该找到终端。这是macOS计算机的命令提示符。
• 现在，启动终端命令行界面并输入以下简单命令：

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

• 按回车键以执行命令。
• 现在您可以在Safari中打开网页，然后在页面的任何地方右键单击或按住鼠标按钮，直到上下文菜单出现。
• 在菜单中，点击检查元素选项以查看网站的潜在CSS和HTML代码。

Safari网页检查器：结束语

因此，这些是在Safari中轻松启用网页检查器的方法。您可以按照自己的步骤进行，并在几分钟内开始开发或内容创作。您已经学习了在Safari中激活检查元素的方法，包括新旧macOS版本。如果我遗漏了任何获取和使用网页检查器的方法，请随时通过在下面留言告知我。

接下来，最佳iPad编程应用。