如何使用Firefox的Web开发工具

你见过一个网站上整齐的功能,但不知道如何去模仿自己?以及使用Mozilla Firefox的一个漂亮的小工具,你可以查看你喜欢的任何网站的源代码和样式表!
在源代码和样式表的HTML可以帮助你在正确的方向开始。

步骤

1、下载并安装Mozilla Firefox。点击此链接Firefox附加组件。
点击“扩展”标签
点击“开发工具” - 位于窗口的左侧。
“Web开发”,在搜索框中。
点击“搜索”。

2、向下滚动屏幕,直到看到“Web开发1 .0.2。“ 点击“Web开发1.0.2。”

3、点击“立即安装”后,提示你安装出现的窗口。关闭扩展框出现下载完成后。关闭所有打开的Firefox窗口。

4、打开新的Firefox窗口。#定位到其源代码和样式表,你想观看的网站。

5、点击工具栏上的“查看源文件”下拉菜单中点击“查看源”。

6、与目前的页面上出现的HTML源代码,看看一个窗口。下一页查看页面的样式表。

点击工具栏上的“CSS”。
下拉菜单中点击“查看CSS”。

7、请注意,样式表代码在Firefox中打开一个新标签。

编辑提示

之后重新启动Firefox的网页开发工具,如果没有自动出现,右键单击地址栏,然后点击“网页开发工具。”
一旦你有舒适的查看和分析源代码和样式表,尝试出来的其他开发工具,如打左右一个网站的图像(使他们无形)或使用的大纲功能看到工具栏网页的哪些部分表中的网站。
如果你只是想查看的HTML,你可以使用任何文本编辑器和大多数浏览器。
对于刚刚看到的HTML浏览器,它应该是下任右键,视图或选项。
刚刚看到在文本编辑器的HTML指示您选择的编辑器打开HTML网页。

编辑警告

务必关闭所有的Firefox窗口,下载完成后。Web开发工具栏不会出现,直到后,Firefox是完全重新启动。
编辑就是你需要

具有上网功能的电脑
Mozilla Firefox作为Web浏览器(所有上市的功能),或几乎任何互联网浏览器或文本编辑器(“记事本”将做简单)。