Question

检查元素代码和视图页面源代码之间有什么区别一个网页？

 <!doctype html><html class="a-no-js" data-19ax5a9jf="dingo"><!-- sp:feature:head-start -->

Answer 1

查看源代码

这将简单地显示所有HTML代码，以及CSS文件，Javascript，图像等的链接。这样您现在可以通读它并查看该页面的创建内容。

检查元素

如果您想深入查看页面的特定部分，大多数浏览器现在都配有内置检查器。或者你可以在Firefox中使用Firebug。

左侧窗口中的相应代码将高亮显示。然后，您可以单击其外部或其中的标签来深入查看这些标签。当你这样做时，它会突出显示它控制的页面部分。

在右侧，您将看到应用于高亮的HTML标记的CSS样式。

这是检查代码的一种非常有用且快捷的方法。

Answer 2

Inspect Element

Inspect Element 使您能够查看其源代码的网站内部细节，构成其设计的图像和CSS，它使用的字体和图标，Javascript代码为动画提供动力等等。
通过 Inspect Element 还可以查看网站加载所需的时长，下载的带宽等等。
您可以使用 Inspect Element 更改页面上您想要的任何内容。
以下是 Inspect Element 的快照：

Page Source

在一个漂亮的网站下面是所有核心图像，完美的排版和精彩的行动呼吁，可以通过探索可以通过页面源查看的源代码来查看。
这是您的浏览器每天为您的访问者和客户带来愉快体验的代码。
要查看页面来源，您需要执行以下操作：
- Firefox - CTRL + U;或者，您可以转到 Firefox菜单，然后单击 Web Developer ，然后单击页面源。
- Internet Explorer - CTRL + U.或者右键单击并选择查看源。
- Chrome - CTRL + U.或者您可以点击右上角的三条水平线。然后单击工具并选择查看源。
- Opera - CTRL + U.您也可以右键单击该网页并选择查看页面来源。
以下是页面来源的快照：