查看源代码快捷键(如何在浏览器账中查看网页的HTML源代码?)

浏览HTML网页,查看其源代码可以帮助我们了解该版本网页的信息和体系结构。每个浏览器都允许用户查看他们访问的任何网页的HTML源代码。下面的编程小师妹lion介绍了在几种常见浏览器中查看网页HTML源代码的方法。

谷歌浏览器仅查看源代码

方法1

要仅查看源代码,请按电脑键盘上的Ctrl键+U

方法2

右键单击网页的空白部分,然后从出现的弹出菜单中选择“查看网页源代码”。

查看源代码

查看包含元素的页面源
  1. 打开Chrome浏览器,浏览想要查看其源代码的网页。
  2. 在浏览器窗口的右上角单击“定制和控制谷歌浏览器“偶像
  3. 在出现的下拉菜单中,选择更多工具,然后选择开发工具(快捷键:Ctrl键+转移+)。
  4. 单击屏幕底部出现的新部分的左上角““元素”标签。

提示:

在chrome中,按F12Ctrl键+转移+交互式开发工具也被调用。该工具提供了与源代码和CSS设置的更多交互,使用户可以立即看到代码中的更改如何影响网页。

MozillaFirefox仅查看源代码

方法1

要仅查看源代码,请按电脑键盘上的Ctrl键+U

方法2

右键单击网页的空白部分,然后从出现的弹出菜单中选择“查看页面源代码”。

查看包含元素的页面源
  1. 打开Firefox并浏览您想要查看其源代码的网页。
  2. 点击屏幕右上角菜单偶像
  3. 从下拉菜单中选择网络开发者,然后从展开的菜单中选择开关工具箱(快捷键:Ctrl键+转移+)。
  4. 单击屏幕底部显示部分的左上角“观众标签。

提示:

在Firefox中,按AndyLau或Ctrl键+转移+交互式开发工具也被调用。该工具提供与源代码和CSS设置的交互,以便用户可以实时查看代码中的更改如何影响网页。

查看页面的部分源代码
  1. 突出显示要查看其源代码的网页部分。
  2. 右键单击高亮显示的部分,然后选择检查元素

提示:

您可以使用firebug插件查看和编辑页面的源代码,并通过浏览器实时查看更改。

微软仅查看源代码

方法1

要仅查看源代码,请按电脑键盘上的Ctrl键+U

方法2

右键单击网页的空白部分,然后从出现的弹出菜单中选择“查看页面源代码”。

查看包含元素的页面源
  1. 打开Microsoftedge并浏览要查看其源代码的网页。
  2. 点击屏幕右上角设置和更多偶像
  3. 将鼠标移动到更多工具在下拉菜单中,从展开的菜单中选择开发工具
  4. 单击屏幕右侧出现的窗口顶部““元素”标签。

提示:

在Microsoftedge中,按F12或Ctrl键+转移+交互式开发工具也被调用。该工具提供与源代码和CSS设置的交互,以便用户可以实时查看代码中的更改如何影响网页。

InternetExplorerMicrosoftInternetExplorer仅查看源代码

方法1

要仅在计算机上查看源代码,请按键盘上的Ctrl键+U

方法2

右键单击网页的空白部分,然后从出现的弹出菜单中选择查看源

查看包含元素的页面源
  1. 打开InternetExplorer并浏览要查看其源代码的网页。
  2. 点击右上角工具
  3. 从下拉菜单中选择F12开发工具
  4. 点击开发者工具菜单的左上角DOM浏览器标签。

提示:

在InternetExplorer中,按AndyLau将弹出DOM工具。该工具提供与源代码和CSS设置的交互,使用户能够看到代码中的更改如何立即影响网页。

360安全浏览器仅查看源代码

方法1

要仅查看源代码,请按电脑键盘上的Ctrl键+U

方法2

右键单击网页的空白部分,然后从出现的弹出菜单中选择“查看网页源代码”。

查看包含元素的页面源
  1. 打开360安全浏览器,然后浏览到要查看其源代码的网页。
  2. 在浏览器窗口的右上角单击打开菜单偶像
  3. 在出现的下拉菜单中,选择更多工具,然后选择开发工具(快捷键:Ctrl键+转移+)。
  4. 单击屏幕底部出现的新部分的左上角““元素”标签。

提示:

在里面360在安全浏览器中,按F12Ctrl键+转移+交互式开发工具也将被调用。该工具提供了与源代码和CSS设置的更多交互,使用户可以立即看到代码中的更改如何影响网页。

如何关闭源页面或工具

在网页上查看源代码后,您可能希望退出或关闭它。关闭源代码取决于打开源代码的方法。

  • 如果你使用Ctrl键+U方法(边缘除外)或右击方法在浏览器窗口的顶部打开新标签
  • 如果您使用了开发人员方法(使用F12或Ctrl键+转移+),再次单击相同的键,或再次按相同的键工具窗口右上角的图标。
使用在线工具查看源代码

除了使用浏览器,还有一些在线工具允许您查看任何网页的源代码。这些工具可能很有用,因为大多数工具都可以格式化、设置样式和突出显示代码,使其易于阅读。

以上是W3C学校为您编写的内容《如何在浏览器账中查看网页的HTML源代码?》我希望这会对你有所帮助~

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友