介绍
插件仿照谷歌内"Console"日志,混合着Jq,它的作用将内容打印到网页中,能自动合并重复信息也可以自定义显示/隐藏报告方式,从目前的功能来看并不健壮。
允许第三次开发 (比心
—— by cabbagelol
演示 (请对玩具轻点)
使用方法:
console_log( 内容,方式,自定义样式,自定义时间 )
- console_log插件包含.js和.css二个文件,下载的文档中没有示例,使用的详细方法你需要参考下方解释。
-
环境仅需要JQ 1.3以上演示文档包含2.1JQ - 如果方法内不包含方式和自定义样式,那么报告的方式会以默认来打印
- 自定义样式和方式不能同时设置,仅能传入其一,如果你不需要仅填写undefined
内容:
打印字符串,支持html标签;但它不能执行JS事件比如var a = 1,b = 1,a + b;因为console仅仅把他们处理成文本,如果你希望实现请在console处理之前提供此方法
方式:
这里指报告的方式,console_log插件目前包含5种报告方式,分别是 警告/严重/提醒/默认/系统 ;你可以完全可以自定义更多报告方式。
- log_report
- log_error
- log_notice
- log_remind
- log_system
打印事件示例:
假如此日志字体为红色,那么此时应当这样写 : console_log( "世界你好","log_report","color:red",undefined )
如果自定义事件那么应该这样写 : console_log( "世界你好","log_error",undefined,"12:00:00" )
控制报告方式
如果需要控制报告是否显示,你需要设置复选控件并且声明插件的一部分。
<label> <input type="checkbox" log="btn" class="log_error_btn" checked> 错误 </label>
你仅仅需要保证class的类没错即可,console_log将自己检查当前控件状态,初始状态需要在插件中设置。
——感谢阅读咸鱼报告