您的位置:主页 > 系统教程 > 怎么在Edge和Chrome的源代码视图中启用换行

怎么在Edge和Chrome的源代码视图中启用换行

更新时间:2015-12-18 | 作者:Win10专业版系统 | 信息来源:http://www.hao802.com

  怎么在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)中可用。另外,这是一个越野车选项。该复选框保存其状态,但是,当你下次打开页面源选项卡时,它实际上并没有换行,因此你需要每次都重新启用它。

  现代网站理解起来或许非常复杂,尤其是如果你对现代网站没有太多经验的话。理解它的工作原理或许很困难,但是学习源代码只是朝这个方向迈出的一小步。你知道的越多,从页面源中就能学到的越多。

分享到:


本站发布的系统与软件仅为个人学习测试使用,不得用于任何商业用途,否则后果自负,请支持购买微软正版软件!

Copyright @ 2022 深度技术版权所有