【JS】javascript logger日志工具

1.项目简介

创意无限,简单实用 javascript logger&debug toolbox - kingfishers
Kingfishers是用原生态javascript语言编写的web日志&调试工具箱，主要用于客户端脚本的分析和查错。
工具提供了$alert函数来代替js的alert函数,该函数除了能够在工具的控制台连续输出日志&调试信息外,
还能够支持对Date,Function,Array,Object,DOM,json等特殊数据类型的格式化输出,
将其命名为kingfishers(翠鸟),寓意她将精致的栖息于您的项目中.

【JS】javascript logger日志工具

在线调用方法:请将以下代码正确、完整的添加到页面的<head></head>或<body></body>元素中
<script type="text/javascript" src="http://code.taobao.org/svn/kingfishers/trunk/jslogger/logger.js"></script>
离线调用方法：点击"download"下载最新版kingfishers压缩包，解压，并将解压后文件夹放入本地的项目目录。
将以下代码正确、完整的添加到项目的公共头文件中
<script type="text/javascript" src="https://www.pianshen.com/article/5285528604/{%E9%A1%B9%E7%9B%AE%E8%B7%AF%E5%BE%84}/Kingfishers-1.0.6/logger.js"></script>



【JS】javascript logger日志工具【JS】javascript logger日志工具
【JS】javascript logger日志工具



2.参数配置详解

编号参数列表默认值参数说明版本
01srclogger.js(必须)logger.js文件路径v1.0.0
02enabledtrue(可选)是否启用log功能 是:true(默认)/否:falsev1.0.0
03lang"cn"(可选)界面初始语言 中文:cn(默认)/英文:env1.0.0
04timefalse(可选)时刻显示开关 显示:true/隐藏:false(默认)v1.0.0
05contextmenutrue(可选)右键开关 有效:true(默认)/无效:falsev1.0.0
06highlightertrue(可选)代码高亮 使用:true(默认)/不使用:falsev1.0.0
07suspendedtrue(可选)控制台悬浮开关 支持悬浮:true(默认)/不支持悬浮:falsev1.0.0
08cookietrue(可选)是否支持cookie 支持:true(默认)/不支持:falsev1.0.0
09simplemodefalse(可选)是否以简易模式显示控制台 简易模式:true/标准模式:false(默认)v1.0.0
10minfalse(可选)是否初始显示为最小化 是:true/否:false(默认)v1.0.0
11movebordertrue(可选)拖动及调整Console大小时是否出现虚线框 是:true(默认)/否:falsev1.0.1
12targetdivnull(可选)将日志Console嵌入到指定id的div中v1.0.2
13skinidnull(可选)0:橘黄1:蓝色A 2.蓝色B 3:蓝色C 4:蓝色D 不设(默认):圆角简易v1.0.3
14debugfalse(可选)是否支持代码执行功能 是:true/否:false(默认)v1.0.3
15beautifytrue(可选)是否启用代码格式化 启用:true(默认)/禁用:falsev1.0.4
16easetrue(可选)是否启用菜单缓动效果 true:启用(默认)/false:禁用v1.0.4
17popupfalse(可选)是否弹出窗口 true:弹出/false:内嵌(默认)v1.0.4-2011



3.快捷键详解

编号快捷键说明版本
01Shift + D在控制台输出当前活动元素的SourceCodev1.0.1
02Shift + S显示控制台v1.0.2
03Shift + A隐藏控制台v1.0.2
04Shift + K显示页面HEAD部分源代码v1.0.3
05方向控制↑上移控制台 ← 左移控制台 ↓ 下移控制台 → 右移控制台v1.0.3
06Shift + Q控制台界面换肤v1.0.4
07Shift + F2移动开关图标 左上↖ 右上↗ 右下↙ 左下↘v1.0.4
08F2控制台设置为标准尺寸,位置居中v1.0.4



4.系统界面

【JS】javascript logger日志工具【JS】javascript logger日志工具【JS】javascript logger日志工具【JS】javascript logger日志工具【JS】javascript logger日志工具

5.历史版本

Kingfishers-1.0.6
Kingfishers-1.0.5
Kingfishers-1.0.4
Kingfishers-1.0.3

 

使用案例：使用代码分析神器logger2js,搞定一切难题  http://bbs.csdn.net/topics/390729946

 

以上是 【JS】javascript logger日志工具 的全部内容， 来源链接： utcz.com/a/67833.html

回到顶部