firebug 使用 firebug属于ie强力推荐的插件吗 _生活百科

文章插图
大家好，精选小编来为大家解答以上问题。firebug属于ie强力推荐的插件吗，firebug 使用很多人还不知道，现在让我们一起来看看吧！
1、使用Firebug查找页面中的任何内容。
2、不知道大家有没有遇到过这样的情况。在一个复杂的HTML页面中，当你想找到一个页面元素实际对应的HTML时，就要在大量的HTML代码中查找，非常麻烦。有了Firebug，现在你只需要用鼠标右键选中页面中的一个元素，然后在弹出的菜单中选择“查看元素”，马上就会在HTML页面代码中找到该元素对应的代码，非常方便，如下图所示：
3、你可以使用Firebug来修改HTML和CSS 。
4、使用Firebug可以直接修改HTML，添加HTML的属性，删除元素，添加CSS样式，实现更多功能，如下图所示：
5、您可以通过Firebug查看DOM元素和操作XML 。
6、当你通过Firebug打开一个HTML页面查看HTML代码时，可以同时点击控制面板中的DOM树，你会看到整个HTML结构以DOM树结构的形式呈现。如果打开一个XML文件，右键单击XML文件中的任意元素，也可以在弹出菜单中选择对XML执行相关操作，如下图所示：
7、用Firebug调试Javascript代码
8、在Firebug控制台中，如果要调试JavaScript代码，首先只需要启动脚本控制面板，然后点击控制台按钮，在下拉菜单中选择显示JavaScript和HTML错误(也可以选择显示更多错误) 。然后，你会发现底部有一个箭头。在这里，您可以输入Javascipt代码，然后立即按enter键执行它。非常方便，如下图所示：
9、多次加载页面后，Firebug会记住加载前的位置。
10、无论你重复加载页面多少次，Firebug都会一直记住页面加载前的位置(比如你已经在浏览页面底部了，然后你再次加载页面，新页面加载后还是会带你到页面底部) 。
11、使用$标记来帮助访问变量。
12、在上面的第4点中，我们提到了Javascript可以在这个命令行下进行调试，还有一个窍门就是可以用$1访问最后访问的变量，以此类推。可以使用$2来访问倒数第二个被访问的变量，如下图所示：
13、Firebug会高亮显示修改后的内容。
14、在Firebug中，只要修改页面中的内容，修改后的内容就会以高亮度的黄色显示，如下图所示：
15、监控Javascript的运行性能
16、在Firebug中，可以点击控制台中的“profile”选项，这将打开Firebug的性能监控功能。之后，您可以在页面上执行一系列操作。当你再次点击profile按钮时，性能监控活动会停止，然后Firebug会显示一个列表，里面会清楚的列出操作涉及的函数，调用次数，占用时间，平均时间，最小时间，最大时间等。
17、Firebug强大的网络数据监控功能
18、Firebug还提供了非常强大的网络数据监控功能。开发人员在开发web应用时经常会观察到各种HTTP请求和响应，Firebug在这方面非常强大。首先，你只需要打开控制面板中的网络功能。然后，每次运行页面，都可以清楚地看到每个HTTP请求和HTTP响应的具体细节，如下图所示：
19、使用Firebug的日志功能。
20、设计页面时，经常需要记录页面的一些信息。这时可以利用firebug中的log功能，将一些信息输出到Firebug的控制台，方便调试。Firebug提供了一个控制台对象，在加载插件时注册在Javascript的运行环境中，可以直接在程序中使用。控制台对象提供了一个日志方法。在Firefox中执行下面的代码，在Firebug的控制台会看到如下信息，如下图所示：
21、你可以在Firebug中调试程序。
22、在Firebug控制台的Javascript控制面板中，可以调试页面中的Javascript 。方法很简单。只需点击要调试的行的左侧，就会出现断点。之后，请记住以下快捷键：