如何在Safari浏览器中查看HTML源代码

如果您想了解网页是如何构建的,可以尝试查看其源代码。

要知道什么

  • 从Safari菜单中选择开发>显示页面源代码
  • 或者右键单击页面和显示页面源代码从下拉菜单。
  • 键盘快捷键:选择+命令+ U

本文展示了如何在Safari中查看HTML源代码。

在Safari中查看源代码

在Safari中显示源代码很容易:

  1. 开放的Safari。

  2. 导航到你想要查看的网页。

  3. 选择开发菜单在顶部菜单栏。选择显示页面源代码选项打开带有页面的HTML源的文本窗口。

    另外,新闻选择+命令+ U在你的键盘。

    Safari开发菜单下的“显示页面源代码”命令
  4. 如果开发菜单不可见,进入首选项先进的部分并选择在菜单栏中显示开发菜单

在大多数网页上,你也可以通过右键点击页面(而不是图像)并选择来查看源代码显示页面源代码.您必须启用制定菜单首选项显示选项。

Safari还有一个查看HTML源代码的键盘快捷方式:按住命令选项键,点击UCmd+选择+U.)

查看源代码的优点

查看源代码,看看网页设计师是如何实现布局的,这将帮助你学习和改进你的工作。多年来,许多网页设计师和开发人员仅仅通过浏览网页的源代码就学会了相当多的HTML。对于初学者来说,这是一个学习HTML的好方法,对于经验丰富的网络专业人士来说,这是一个了解其他人如何使用新技术的好方法。

请记住,源文件可能非常复杂。除了页面的HTML标记,可能还会有重要的CSS和脚本文件用于创建站点的外观和功能,所以如果您不能立即弄清楚发生了什么,也不要灰心。查看HTML源代码只是第一步。在那之后,你可以使用像Chris Pederick的Web Developer扩展查看CSS和脚本,以及查看HTML的特定元素。

查看源代码是否合法?

虽然大量复制网站代码并在网站上冒充自己的代码是不可接受的,但使用这些代码作为学习的跳板实际上是这个行业中有多少人取得了进步。你将很难找到一个工作的网络专业人员今天谁没有通过查看网站的源代码发现一些东西!

Web专业人员相互学习,经常对他们看到的和受到启发的工作进行改进,所以不要犹豫查看站点的源代码,并将其作为学习工具。

这个页面有用吗?