模板
教程
环境
性能
功能
管理
Firebug使用详解(4)
单击“Clear”按钮可清除控制台的控制信息。
5、 页面源代码查看功能
单击功能区第二栏的“HTML”标签可切换到源代码查看功能(图5-1)。
虽然Firefox也提供了查看页面源代码的功能，
但它显示的只是页面文件本身的源代码，
通过脚本输出的HTML源码是看不到。
而Firebug则是所见即所得，
是最终的源代码。
|
|
|
图5-1 |
我们来看一个例子，
文件源代码如下：
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>简单的例子</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> #div1{background:red;width:100px;height:100px;} #div2{background:blue;width:100px;height:100px;margin:10px;padding:10px;border:5px solid black;color:white;} #div3{background:yellow;width:50px;height:50px;margin-left:25px;} </style> </head> <body scroll="no"> <div id="div1">方块一</div> <div id="div2">方块二</div> <script> document.getElementById('div1').innerHTML+='<div id="div3">方块三</div>'; </script> </body> </html> |
在例子中我们通过JavaScript在“div1”中加入了“div3”，
在Firefox中查看源代码你是看不到“div1”中包含有代码“
但是Firebug中我们是可以看见的(图5-2选中部分)。
|
|
|
图5-2 |
原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html
