如何在 Safari 中查看网页的源代码(HTML 和 CSS)

如何在 Safari 的地址栏中显示完整的 URL

“当我尝试在 Safari 中查看网页的源代码时,我看不到它!”

我是这么认为的,但是有一种方法可以正确地看到它,所以这里有一个备忘录。

在菜单栏上显示“开发”

由于某些原因,Safari 默认情况下不会在菜单栏中显示“Developer”,因此首先显示它。

单击菜单栏中的“Safari”>“首选项...”。 ↓Safari 偏好设置

接下来,打开“高级”选项卡并选中底部的“在菜单栏中显示‘开发人员’”。 ↓在菜单栏中显示开发情况

菜单栏新增“开发”,可以查看页面源码。

现在您已准备好出发了。

查看页面源码

现在我们来看看源代码。

在任意页面,点击菜单栏“开发”>“查看页面源码”,↓查看页面源码

或者,您可以右键单击>“查看页面源代码”。 ↓查看页面源码

如果想使用快捷键,可以使用“command+option+U”。

然后窗口将垂直分割,页面源代码将显示在底部。 ↓查看页面源码

单击单独的窗口图标,↓单击单独的窗口图标

它将显示在像这样的单独窗口中,您可以宽敞舒适地查看它。 ↓在单独的窗口中显示

后记

这样我就能够毫无问题地用Safari检查网页的源代码,并且能够检查元素验证等方面的重要点,看起来还不错。

所以我想我应该多尝试一下并将其用于开发。

  • 将此条目添加到 Hatena 书签

在“naouniverse.com”,管理员写的是他感兴趣的事物、事物和世界。
小玩意、相机、设计、编程、L'Arc~en~Ciel等...