Question

怎样使用浏览器查看网页HTML和CSS源代码

Answer 1

点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。Chrome浏览器会打开一个网页源代码显示窗口，这个源代码显示窗口好像也是不那么友好，一大堆网页代码实在不知道如何下手呀。

打开任意一网站页面，然后在页面的空白处右击，在弹出的菜单中选择查看源代码在新打开的源代码页面中可以看见CSS文件的引用。点击该CSS文件的链接就可以打开CSS文件进行查看。

在浏览器中打开要调试的网页，使用快捷键F12。在弹出的工具窗口中，默认是在DomExplorer功能，列出网页的源代码和CSS样式列表。