多语言展示
当前在线:106今日阅读:100今日分享:18

网页制作基础知识:[1]浏览器查看网页源代码

几乎每个浏览器都可以查看打开网页的源代码如何,其中最常用与网页开发的浏览器是 Firefox,谷歌的chrome也很受开发者青睐。以这两个浏览器为例,说说查看网页源代码的方法。
工具/原料

Firefox、Chrome

查看页面源代码
1

用Firefox或Chrome打开一个网页,“右击”>“查看页面源代码”。

2

Firefox的要将下图处勾选。

3

不过如此做的源代码很混乱,学习起来当然很吃力。所以一般我们只用“审查元素”。

审查元素
1

“右击”>“审查元素”,打开此组件。

2

可以见到组件很强大。

3

切换到“查看器”,左边是网页的代码块,右边是对应的CSS规则。当你在左边选中相应的代码块,页面上会用虚线指出相应的区域。

4

当你在左边选中相应的代码块,页面上会用虚线指出相应的区域。还有更多有趣的功能等你来发现。

推荐信息