Console :: 日志打印插件

介绍

插件仿照谷歌内"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种报告方式,分别是 警告/严重/提醒/默认/系统 ;你可以完全可以自定义更多报告方式。

  1. log_report
  2. log_error
  3. log_notice
  4. log_remind
  5. 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将自己检查当前控件状态,初始状态需要在插件中设置。

 

——感谢阅读咸鱼报告

 



Cabbagelol将做些什么
负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
备案:粤ICP备15107172号-1
邮箱:nickmiku@foxmail.com

Copyright © 2015 - 2017 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).