欢迎您访问我爱IT技术网,今天小编为你分享的电脑教程是通过网络精心收集筛选的最优节选:“firebug怎么用:[1]用firebug查看网页代码”,请注意:文中所谈及的内容不代表本站的真正观点,也请不要相信各种联系方式。下面是关于网络上firebug怎么用:[1]用firebug查看网页代码的整理详细信息
详细操作
默认大家都是安装了firebug了的,所以我不介绍怎么安装了。在你安装后,火狐浏览器的右上角看到的小虫图标就是firebug。
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IRa5I-0.jpg)
点击那个图标,图标颜色变得高亮,说明成功启动了firebug。同时浏览器下面会出现firebug的窗口。点击窗口的各个标题,可以看到当前网页的HTML、CSS、Javascript代码等。
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IR9CY-1.jpg)
在firebug的HTML窗口点击某个元素,右侧就会看到此元素的样式、DOM、事件。
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IR91648-2.jpg)
你也可以鼠标右键单击网页的某个元素,然后选择用firebug查看元素,效果和上一个步骤一样的。
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IR95411-3.jpg)
如果你对元素的布局或样式不满意,但又不知道设成多少合适,可以直接用firebug即时修改并预览效果。这些改动都只是预览效果,不会真正改动网页的CSS文件。
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IR91251-4.jpg)
![firebug怎么用:[1]用firebug查看网页代码](http://www.52ij.com/uploads/allimg/160414/1IR92929-5.jpg)
用户类似问题:
问题1:一个网页如何找到一个js功能代码所在位置,用调试...
点击查看相应的元素,然后看元素上绑定的事件的位置(右边默认显示该元素的样式,点事件查看绑定的事件),找到具体代码所在。 >>详细
问题2:怎么用火狐浏览器查看网页源代码?
对着网页鼠标右键,就会有一个查看源码 点击进去就是这个网页的源码了 >>详细
问题3:如何正确设置Firebug及详细使用说明
Firebug是网页浏览器 Mozilla Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军... >>详细
问题4:用firebug可以快速查找一段代码在那个html文件吗
通常你查看的html都不是一个普通的静态网页,这些html代码都是动态生成的。如果你想修改的话,可以去查找相关的模板。 用firefox浏览器的firebug插件,方法很简单,找到你想查看html的地方,右键点击,选择审查元素。 >>详细
问题5:火狐里面的firebug的HTML和页面查看源代码里面的 H...
firebug中的html是当前页面内的html元素信息,源码中的是服务器端发回的html代码。 比如,你的页面在加载后通过js动态创建了html元素,这个新元素在firebug中可以看到,但是源文件中是没有这个元素的。 >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
