firebug插件

firebug,是firefox的一个插件,用于查看调试js,查看html页面对应的代码等都很方便.
(1)
打开firefox,输入网址:https://addons.mozilla.org/zh-CN/firefox/addon/1843
点击,安装即可实现线上安装.
(2)
按F12,可以找开/关闭firebug面板。
打开窗口前按Ctrl+F12键,将窗口模式修改为弹出窗口模式。
(3)
若控制台,脚本,网络显示为"禁用",则可点击其所在的tab中右边上的下拉按钮,选择其它的"启用"即可.
(4)
用法如下:
现有一测试html,代码如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"><script>
function ab()
{
alert("hello");
alertt("hellosdf");   --错的
}
</script>
</head>
<body onload="ab()">你好。测试中。。。
<br>
</body>
</html>
3.1
查看js运行情况(如下图):
用firefox打开此html页面后,选择"控制台"tab,可以展开看到显示出错的信息.点击右边的行数,可以切换到"脚
本"tab中,且定位到具体出错的行.
选择"控制台"中的"清除",可以clean控制台.
3.2
调试JS(如下图):
在"脚本"TAB中,在左边的数字行点击,添加断点,再点击右上角的"单步运行"即可实现调试.
3.3
查看页面某组件对应的html代码:
切换到"HTML"TAB,点击"firebug工具栏第二个按钮",然后选择页面目标元素,即可看到相应的html代码.
3.4
查看页面各元素的加载时间:
切换到"网络"TAB,打开/刷新页面,可以看到页面各元素(图片,css等)加载的时间.
可切换子tab,查看各元素的时间.

你可能感兴趣的:(职场,休闲)