Project Summary
Kingfishers - 在线演示 : http://dewind.googlecode.com/svn/trunk/kingfishers/example.htmKingfishers - 最新下载 : http://dewind.googlecode.com/files/Kingfishers-1.0.1.rar
Kingfishers是一个用javascript语言编写的,能够代替alert,在浏览器中连续输出客户端javascript脚本运行日志的工具。
主要用于客户端脚本的分析和查错。
Kingfishers是本人在学习javascript的过程中写的一个练习作品.还有很多地方需要完善,试用后欢迎您反馈好的创意.
自己为工具起的名字是 kingfishers(翠鸟),寓意它将精致的栖息于您的项目中.
kingfishers-1.0版雏形发布后,依旧会致力将它做的更加简单实用,力求完美无暇。
Kingfishers 新闻中心v1.0.1发布[2008/11/21]
v1.0.1改进的功能如下:
1.新增三个参数
moveborder = true //(可选)拖动及调整日志Console大小时是否出现虚线框 是:true(默认)/否:false
grayout = true //(可选)拖动日志Console时,底层页面元素是否灰显 是:true(默认)/否:false
targetdiv="targetDivId" //(可选)将日志Console嵌入到指定id的div中
2.扩充$Log.url接口
Kingfishers-1.0 : $Log.url({url地址})
Kingfishers-1.0.1 : $Log.url({url地址},{代码高亮风格});
使用方法形如:
$Log.url('http://www.baidu.com',"html");
$Log.url('http://dewind.googlecode.com/files/kingfishers-1.0.css',"css");
$Log.url('http://dewind.googlecode.com/files/Kingfishers-readme.txt');
$Log.url('http://ovsmbt.mop.com/ov.js',"js");
3.针对每条logger日志的处理
单击: 该条日志所在行变为蓝色背景,此时清除信息动作将忽略此条日志.
双击: 该条日志的内容被选中,直接按ctrl+c,可将日志内容拷贝到剪贴板中.
4.在logger.js中加入以下方法:
function $alert(message,color){
$Log.loginfo(message,color);
}
5.结合$FT.show()功能,增加错误栈输出.
6.整合example
v1.0.0 发布[2008/11/05]1.浏览器兼容: IE, Mozilla Firefox, Opera ,Safari,Chrome
2.XHTML 兼容: XHTML 1.0 Transitional、XHTML 1.0 Strict 、XHTML 4.01 Transitional、XHTML 4.01 Strict
3.修正缺陷N多,版本相对稳定,发布为1.0版. 编号参数列表默认值参数说明 01srclogger.js(必须)logger.js文件路径 02enabledtrue(可选)是否启用log功能 是:true(默认)/否:false 03lang"cn"(可选)界面初始语言 中文:cn(默认)/英文:en 04timefalse(可选)时刻显示开关 显示:true/隐藏:false(默认) 05contextmenu true(可选)右键开关 有效:true(默认)/无效:false 06skinfalse(可选)右键菜单皮肤切换 支持切换:true/不支持切换:false(默认) 07highlightertrue(可选)代码高亮 使用:true(默认)/不使用:false 08suspendedtrue(可选)控制台悬浮开关 支持悬浮:true(默认)/不支持悬浮:false 09cookietrue(可选)是否支持cookie 支持:true(默认)/不支持:false 10buffereffectfalse(可选)是否支持打开缓冲效果 支持:true/不支持:false(默认) 11simplemodefalse(可选)是否以简易模式显示控制台 简易模式:true/标准模式:false(默认)20081017更新 v1.0.0 12minfalse(可选)是否初始显示为最小化 是:true/否:false(默认)20081020更新 v1.0.0 13movebordertrue(可选)拖动及调整Console大小时是否出现虚线框 是:true(默认)/否:false20081121更新 v1.0.1 14grayouttrue(可选)拖动日志Console时,底层页面元素是否灰显 是:true(默认)/否:false20081121更新 v1.0.1 15targetdivnull(可选)将日志Console嵌入到指定id的div中 20081121更新 v1.0.1
界面示意图