如何在googlechrome中查看html源代码
无论你是一个调试网站源代码的网页设计师，还是仅仅对网站代码的外观感到好奇，你都可以在googlechrome中查看HTML源代码。查看HTML源代码有两种方法：查看源代码和使用开发人员工具检查。
使用查看页源查看源
启动Chrome并跳转到您想要查看HTML源代码的网页。右键单击页面并单击“查看页面源”，或按Ctrl+U，在新选项卡中查看页面源。
一个新的标签页与网页的所有HTML一起打开，完全展开和未格式化。
如果您要在HTML源代码中查找特定的元素或部分，那么使用View-source将非常繁琐，尤其是当页面使用大量JavaScript和CSS时。
使用开发人员工具检查源代码
此方法使用Chrome中的Developer Tools窗格，是查看源代码的更干净的方法。HTML在这里更容易阅读，这得益于额外的格式和折叠您不感兴趣的元素的能力。
打开Chrome，进入你想要查看的页面，然后按Ctrl+Shift+i。一个停靠的窗格将在你正在查看的网页旁边打开。
单击元素旁边的灰色小箭头，将其进一步展开。
如果您不希望在默认情况下看到整个页面的代码，而是希望检查HTML中的特定元素，请右键单击页面上的该空间，然后单击“检查”
当窗格这次打开时，它直接转到包含您单击的元素的代码部分。
如果要更改停靠位置，可以将其移动到底部、左侧、右侧，甚至可以将其移入单独的窗口中。单击菜单图标（三个点），然后分别选择“取消停靠到单独的窗口”、“停靠到左侧”、“停靠到底部”或“停靠到右侧”。
就这些。查看完代码后，请关闭“查看源代码”选项卡或单击“开发人员工具”窗格中的“X”返回网页。
- 发表于 2021-04-03 12:51
- 阅读 ( 156 )
- 分类：互联网
你可能感兴趣的文章
火狐(firefox)和铬（2014）(chrome (2014))的区别
...rome（2014） 在当今许多可用的web浏览器中，Mozilla Firefox和googlechrome非常受欢迎，因为它们之间存在一些有趣的差异，这使得它们各具特色。本文比较了2014年发布的Mozilla Firefox和googlechrome。Firefox是由Mozilla开发的免费开源web浏览器...
在chrome中启用flash的5个步骤
... 如何在googlechrome中启用flash播放器 ...
如何下载flash游戏离线玩
... 我们将演示如何使用GoogleChrome下载Flash游戏。如果您还没有，您需要启用click以运行Flash，因为默认情况下，Chrome阻止站点运行Flash。 ...
理解基本html代码的5个步骤
...器中的大多数网页上单击鼠标右键，然后选择“查看页面源代码”或类似选项以查看它们背后的HTML。这可能还包含许多非HTML的代码，但您可以进行筛选。 ...
什么是刮网？如何从网站收集数据
...浏览器允许我们了解这个过程的一些细节。在Windows上的googlechrome中，您可以按Ctrl+Shift+I或右键单击并选择Inspect。窗口将显示如下屏幕。 ...
基本的html常见问题，你应该书签
...致了，但有时你还是会被一些非常新的特性所吸引。也许googlechrome已经实现了一个新的标签，但是微软的internetexplorer还没有实现。 ...
如何在googlechrome上运行安全检查
...脑上运行防病毒扫描，但这不包括你的在线安全。为此，googlechrome提供了一个工具，可以让你执行类似的检查来保护你的网络浏览。下面是如何对Chrome进行安全检查。 在Windows 10、Mac、Chrome OS或Linux计算机上启动Google Chrome web浏览...
功能键在chrome开发工具中的作用
...是镀铬开发工具(chrome devtools)？ 顾名思义，chromedevtools是googlechrome浏览器中的一组开发工具。ChromeDevTools通常用于通过挖掘网页的HTML源代码来诊断网页问题。 相关：你的功能键在googlechrome中做什么 chromedevtools还可以用来查看在实...
什么是降价？如何使用？
...经验的人来说，它不是很“用户友好”。 相关：如何在googlechrome中查看HTML源代码 另一方面，Markdown的意思是“尽可能容易阅读和书写。”John Gruber和aron Schwartz解释了他们为什么在2004年创建Markdown，并在Gruber的网站上提供了语法...
googlechrome包括5个浏览器插件，下面是它们的功能
谷歌希望摆脱浏览器插件，但他们却将相当多的插件与Chrome本身捆绑在一起。在干净的安装中，您将看到至少五个不同的浏览器插件，从Widevine内容解密模块到本机客户端。 这些插件都使用Chrome的PPAPI（pepperapi）插件体系结构，...
0 篇文章
