文栏 - 信息技术 - 浏览文章 - 不改一行代码离线调用Firebug-Lite
不改一行代码离线调用Firebug-Lite
发布时间: 2009/5/13 15:56:34 作者: 素还真 出处: 本站发布
本文首发:http://www.linjialiang.net/
原始链接:http://www.linjialiang.net/article/view.asp?id=109
作者: 素还真
转载请保留以上信息和本行

Firebug,不用介绍了吧,但Firebug只能在Firefox上运行。对于其他浏览器,作者开发了一个精简版Firebug-Lite。据官方网站http://getfirebug.com/lite.html)介绍,使用Firebug-Lite有两种方法,一种是将启动脚本加入收藏夹,在线调用;另一种是将Firebug-Lite下载到本地,然后在需要调用的页面上增加一行调用这个文件的脚本指令。据素素研究,其实这两种方法可以结合起来,实现不改一行代码离线调用Firebug-Lite。

首先到这个页面http://getfirebug.com/releases/lite/1.2/”,下载所有的文件,在本文发布时,Firebug-Lite的最新版本是1.2.1,如果以后版本更新,可能最新版的URL会变化。将下载的文件放在一个文件夹,素素放在了“C:\PF\Firebug-Lite”。

用文件编辑器打开“firebug-lite-compressed.js”文件,查找http://getfirebug.com/releases/lite/1.2/firebug-lite.css”(查找和替换内容不包括双引号,下同),替换为我们已经下载到本地的CSS文件的绝对路径。如素素的放在了“C:\PF\Firebug-Lite”,那么就应该替换为“file:///C:/PF/Firebug-Lite/firebug-lite.css”,保存。

随便添加一个网页到收藏夹,进入属性,Web文档选项卡,将URL改为以下语句。

javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','file:///C:/PF/Firebug-Lite/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

注意,如果你的“firebug-lite-compressed.js”文件没有放入“C:\PF\Firebug-Lite”,则需要改为你自己的存放路径。

打开需要研究的网页,打开收藏夹,点击刚才的链接,就能启动Firebug-Lite了。
所属分类: 信息技术   所属专题: 原创
共有 10676 人次浏览

评论作者:
电子邮件:
评论内容:
投票评价:
验 证 码:
图片包含4个随机字符,点击刷新
请输入上面图片中的随机字符