怎么在Edge和Chrome的源代码视图中启用换行。
作为Microsoft Edge和Google Chrome浏览器的基础的Chromium项目在其内置的源代码查看器中有了不错的添加。现在,当你查看网页的源代码(HTML标记)时,可以启用换行选项。
所有现代浏览器均具有查看网页源代码的功能。它是一项古老的功能,已在网络浏览器中使用多年。
查看页面源代码对于web开发人员或许很有用。它公开了用于形成当前页面外观的所有Css和HTML技巧,因此它是构建标记的思想和办法的重要来源。这是一个很棒的学习工具。同样,当你需要检查自己的网站中的错误时,它也是必不可少的工具。
除了HTML标记外,页面源代码还公开了内联和外部的Css(层叠样式表)以及脚本和/或脚本文件。
这篇文章将向你展示怎么在Microsoft Edge和Google Chrome中为源视图启用换行。这两种浏览器的步骤都相似。
在Edge和Chrome的源代码视图中启用换行
1. 打开Microsoft Edge或Google Chrome。
2. 导航到你要查看源的网页。实际上,任何页面都可以。
3. 按键盘上的Ctrl+u打开页面源选项卡。
4. 或者,右键单击页面上的任意位置,然后从菜单中选择“ 查看页面源”。
5. 在“视图源”选项卡上,打开(选中)“换行”选项。
大功告成 现在,浏览器将在源代码视图选项卡上排长行。以下视频显示了操作上的变化。
提示:你们的YouTube频道为HERE。
请注意,“换行”选项仅在Edge和Chrome的Canary版本(通过Geekermag)中可用。另外,这是一个越野车选项。该复选框保存其状态,但是,当你下次打开页面源选项卡时,它实际上并没有换行,因此你需要每次都重新启用它。
现代网站理解起来或许非常复杂,尤其是如果你对现代网站没有太多经验的话。理解它的工作原理或许很困难,但是学习源代码只是朝这个方向迈出的一小步。你知道的越多,从页面源中就能学到的越多。