2015/08/31
如何在 Safari 中查看网页的源代码(HTML 和 CSS)
“当我尝试在 Safari 中查看网页的源代码时,我看不到它!”
我是这么认为的,但是有一种方法可以正确地看到它,所以这里有一个备忘录。
在菜单栏上显示“开发”
由于某些原因,Safari 默认情况下不会在菜单栏中显示“Developer”,因此首先显示它。
单击菜单栏中的“Safari”>“首选项...”。 ↓
接下来,打开“高级”选项卡并选中底部的“在菜单栏中显示‘开发人员’”。 ↓
菜单栏新增“开发”,可以查看页面源码。
现在您已准备好出发了。
查看页面源码
现在我们来看看源代码。
在任意页面,点击菜单栏“开发”>“查看页面源码”,↓
或者,您可以右键单击>“查看页面源代码”。 ↓
如果想使用快捷键,可以使用“command+option+U”。
然后窗口将垂直分割,页面源代码将显示在底部。 ↓
单击单独的窗口图标,↓
它将显示在像这样的单独窗口中,您可以宽敞舒适地查看它。 ↓
后记
这样我就能够毫无问题地用Safari检查网页的源代码,并且能够检查元素验证等方面的重要点,看起来还不错。
所以我想我应该多尝试一下并将其用于开发。
大竹小明、小川博之、高梨银平、中江亮 Mdn Corporation 2015-03-25