在前端的开发中,console.log那是开发必备啊,简直直观。通过写小函数,组合大功能。更容易测试。但是在打版本时,就要删除console.log,打完版本进入开发状态又要添加,真不够爽。重复劳动太多。所以可以做些简单地封装,方便开发和上线。
/** * log.js hufeng * The safe wrapper for `console.xxx` functions * log("message") ==> console.log("message") * log("message", "warn") ==> console.warn("message") */ //cache current location hash, when the module loading //only fetch hash one time. var isDebug = parent.window.location.hash === '#debug'; module.exports = function() { window.console && // Do NOT print `log(msg)` in non-debug mode isDebug && // Call native method of console // if not pass 'console' as first argument, // chrome error! console.log.apply(console, arguments); }
在使用console.log.apply调用的时候,上下文如果不传console,在chrome中会报错,囧。
相关推荐
screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法,通过screenlog.js插件,我们可以将在控制台显示的信息转移到前台页面来查看。
filter-console:过滤掉不需要的console.log()输出
console.log,作为一个前端开发者,可能每天都会用它来分析调试,但这个简单函数背后不简单那一面,这篇文章就为大家介绍一下
webpack开发环境下,在vue中使用console.log无效,一直以为webpack出了问题。 使用window.console.log()就能够顺利在浏览器控制台输出了。 以及 在axios请求的回调中依旧无法输出使用window.console.log()/console....
<li>1.console.log("script- 111"); <li>2.console.log("asynce1-111"); <li>3.console.log("async2-111");---然后跳出整个async1函数来执行后面js栈的代码 <li>4.console.log("promise1-111"); 异步任务...
deanius:绑定 允许console.bound.log替代console.log.bind(console) ,并推广到所有对象。安装 meteor add deanius:bound背景良好的功能编程(FP)的风格,还有的使用Promise.then , Tracker.autorun等,需要一个...
util-console.log 一个可配置的轻量级 console.log 增强器,使用:chalk、moment、util、打包为 npm 模块安装npm : npm install util-console.log用法使用console.log() 、 console.debug() 、 console.error()或...
console.log 会导致内存泄漏。 这点没错。 但很多同学会有疑问,是不是因为打开 devtools 才有内存泄漏,不打开就不会呢? 这个我测试了一下:点击几次按钮,这时候应该调用了 console.log 打印了,然后我过了 10...
console.log([data], […]) 接收参数: console.log接受若干个参数,如果只有一个参数,则输出这个参数的字符串形式。 如果有多个参数,则以类似于C语言printf()命令的格式输出。 如果没有参数,只打印一个换行符。...
Console.log with style 让你通过 Console.log 显示的日志信息支持各种样式。 标签:Console
本文实例讲述了JS中捕获console.log()输出的方法。分享给大家供大家参考。具体分析如下: 我们知道console.log()可以将信息输出到debugger中供开发者查看。但如果我们想要在JS中获取console.log()的输出结果呢?其实...
jQuery console.log() 包装器 jQuery logger 是一种工具,可以通过关联的 jQuery 元素不显眼地触发 console.log 消息。 可以在不删除的情况下为开发/生产打开/关闭此代码。 记录器支持多个日志级别、分组消息和回溯...
一、什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能;即使没有调试功能,也可以通过安装插件来进行补充。比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装...
漂亮的console.log 一个极简主义的模块,用于更改console.log的行为并使之更漂亮。安装npm install pretty-console.log用法var pcl = require ( "pretty-console.log" )pcl . enable ( ) // The next calls to ...
a alternate console.log with debug option Usage var console = require('../index'); console.debug = true; console.log("debug = true;"); or var console = require('../index'); console.debug = false; ...
在编写代码时,我们常常用 console.log() 的方式将信息在控制台中打印出来以帮助我们进行前端调试。一般情况下,我们打印普通值都没有问题,但在打印对象类型时,我们就需要注意点了,要不然可能会出现不符合期望的...
console.log-wrapper, 清除每个浏览器的控制台日志记录 Console.log-封装器安全,清晰的控制台日志,每个浏览器的日志。登录到控制台- 即使没有控制台的旧版浏览器。 只要向 log() 传递任何数据,你就会看到它在...
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看,但是...下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧,需要的朋友可以参考借鉴,下面来一起看看吧。