现在的位置: 首页 > 综合 > 正文

Firebug Lite:在IE上体验Firebug

2013年01月29日 ⁄ 综合 ⁄ 共 867字 ⁄ 字号 评论关闭

Firebug是firefox的的一个插件,可当你要在Internet Explorer, Opera, and Safari等浏览器中调试网页会发生什么事情呢?如果你用console.log()在Firebug的控制台输出信息,一堆Javascript错误会让你非常紧张。解决方式是使用Firebug Lite,在页面上插入一个Javascript文件,以便在这些“非firefox”的浏览器上模拟Firebug控制台。

  1. 安装Firebug Lite
  2. 下载Firebug并解压到你的网站任何目录,插入下面一行代码到你需要包含firebug的页面:

    <script type="text/javascript" src="/path/to/firebug/firebug.js"></script>

    如果你不想在其他非firefox浏览器中模拟firebug,而仅仅只是为了防止console.log()函数在你的页面中报错,那你只需要包含下面的文件就行了:

    <script type="text/javascript" src="/path/to/firebug/firebugx.js"></script>

    注:firebugx.js只有1K,而firebug.js有16K,能够节约页面的加载时间。

  3. 使用Firebug Lite
  4. Firebug Lite不会强制显示在网页上,除非你手动显示它。在浏览器中按F12,一个类似Firefox中的Firebug控制台会出现在网页的底部,再次按下F12,控制台又会隐藏。你是否觉得每次页面加载后按F12麻烦呢?Firebug Lite想你所想,它提供了一个便利的解决方法:你只需要在网页的<html>标签上加上属性debug="true":

    <html debug="true">

  5. 使用命令行
Firebug Lite和Firebug一样,也支持命令行,用和Firebug一样的快捷键Ctrl+Shift+L让光标移动到命令行。

好了,赶快去体验一下吧。

原文:http://www.getfirebug.com/lite.html

【上篇】
【下篇】

抱歉!评论已关闭.