在Mac上的Safari中，右键单击任何网页时，都不会显示“显示页面源代码”和“检查元素”按钮。要看到这些，您需要启用“开发”菜单，我们将向您展示如何做到这一点。

启用“开发”菜单后，右键单击任何网站上的空白区域将显示Inspect元素和Show Page Source按钮。这些允许您查看任何网站的源代码，这对于从网站下载图像和调试代码或找出任何网站后面的样子（对于网站设计者来说）都很有用。

如何在mac上启用safari中的“开发”菜单

您可以通过以下几个步骤轻松地打开Safari中的Develop菜单。在Mac上打开Safari，然后单击菜单栏中的“Safari”按钮。

接下来，选择“首选项”。或者，您可以使用键盘快捷键命令+，（逗号）。这也将打开Safari的首选项。

转到“高级”选项卡。

选中“在菜单栏中显示开发菜单”框

Advertisement

现在，开发菜单将出现在书签和窗口之间的顶部。

除了能够查看页面源代码外，这还允许您访问以开发人员为中心的功能，例如在任何网站上禁用JavaScript。

如何在mac上的safari中查看页面源代码

启用“开发”菜单后，有几种方法可以在Safari中查看页面源代码。

打开Safari中的任何网站，右键单击页面上的空白区域。现在，选择“显示页面源”。您也可以使用键盘快捷键选项+命令+u进入此菜单。

如果您要从任何网页中查找图像或其他媒体元素，Safari会让您很容易找到它们。在左侧窗格中，您将看到各种文件夹，如图像、字体等。单击“图像”文件夹可快速找到所需的照片。

选择图像后，您可以通过打开详细信息侧边栏轻松查看其详细信息。打开它的按钮位于控制台的右上角，齿轮图标的正下方。您也可以使用快捷方式选项+命令+0来打开它。

Advertisement

单击details侧边栏顶部的“Resource”以查看详细信息，例如图像的大小及其完整URL。

您也可以轻松地更改页面源代码控制台的位置。这个控制台的左上角有两个按钮，就在X按钮旁边。单击矩形图标可将控制台移动到浏览器窗口中的另一侧。

如果您想在单独的窗口中打开页面源代码控制台，可以单击两个矩形图标。这将分离控制台并在单独的窗口中打开它。

要签出页面上任何特定元素的代码，可以右键单击该元素并选择“Inspect element”。这将直接指向所选元素的代码。

每当您看完代码后，单击X按钮关闭页面源代码控制台并返回到Safari上的浏览。你也可以在这里查看如何在谷歌Chrome中查看网站的页面源代码。

相关：如何在googlechrome中查看HTML源代码