JS中捕获console.log()输出的方法
原创
 14:46:06
380
本文实例讲述了JS中捕获console.log()输出的方法。分享给大家供大家参考。具体分析如下：我们知道console.log()可以将信息输出到debugger中供开发者查看。但如果我们想要在JS中获取console.log()的输出结果呢？其实不难，先将原本的console.log保存起来，然后替换成另外一个实现即可。代码如下：var lastL
console.oldLog = console.
console.log = function(str) {
console.oldLog(str);
console.log(&Hello, Neo&);
document.write(lastLog);这时候 lastLog 中保存的就是 &Hello, Neo&了。希望本文所述对大家的javascript程序设计有所帮助。更多JS中捕获console.log()输出的方法相关文章请关注PHP中文网！
江湖传言：PHP是世界上最好的编程语言。真的是这样吗？这个梗究竟是从哪来的？学会本课程，你就会明白了。
PHP中文网出品的PHP入门系统教学视频，完全从初学者的角度出发，绝不玩虚的，一切以实用、有用...
点击数(111231)
ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)－ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例，从最基本的框架常识开始，将...
点击数(109164)
《php.cn原创html5视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了HTML知识。
点击数(83779)
本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。
点击数(82961)
所有计算机语言的学习都要从基础开始，《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术，是学习PHP必须掌握的内容，任何PHP项目的实现都离不开这部分的内容，通...
点击数(80210)
全栈工程师
文章总浏览数
相关视频章节拒绝访问 | www.jq22.com | 百度云加速
请打开cookies.
此网站 (www.jq22.com) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(44cc075ce1344382-ua98).
重新安装浏览器，或使用别的浏览器其他回答(1)
console.log 是浏览器内嵌的调试语句，不是js语法的一部分，所以不能用js来获取或删除。
只能通过它间接的把js语句或表达式的值打印到控制台，&ie8,chrome,firefox都支持这个命令。
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。如何在JS中捕获console.log()的输出_Linux编程_Linux公社-Linux系统门户网站
你好，游客
如何在JS中捕获console.log()的输出
来源：Linux社区&
作者：王鸿飞
我们知道console.log()可以将信息输出到debugger中供开发者查看。但如果我们想要在JS中获取console.log()的输出结果呢？其实不难，先将原本的console.log保存起来，然后替换成另外一个实现即可。代码如下：
var lastLconsole.oldLog = console.console.log = function(str) {&console.oldLog(str);&lastLog =}
console.log("Hello, Neo");document.write(lastLog);
这时候 lastLog 中保存的就是 "Hello, Neo"了。
本文永久更新链接地址：
相关资讯 & & &
　　　同意评论声明
　　　发表
尊重网上道德，遵守中华人民共和国的各项有关法律法规
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
本站管理人员有权保留或删除其管辖留言中的任意内容
本站有权在网站内转载或引用您的评论
参与本评论即表明您已经阅读并接受上述条款温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
三、为什么不直接使用 alert 或自己写的 log四、console.log(object[,object,.....])五、console.debug，info，warn，error六、console.assert(expression[, object, ...])七、console.clear()八、console.dirxml(node)九、console.trace()十、console.group(object[, object, ...]), groupCollapsed, groupEnd十一、console.time(name)/console.timeEnd(name)十二、console.profile(name)/console.profileEnd()十三、console.count([title])十四、console.table(data)十五、console.dir(function)十五、tab键代码补全十五、百度首页的彩蛋！一& 什么是 ConsoleConsole 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象，使用该对象 可以输出信息到 Console 窗口中。二& 什么浏览器支持 Console很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支 持不好。比如 IE8 自带的开发工具虽然支持 Console，但功能比较单调，显示对象的时候都是显示 [Object,Object]，而且不能点击查看对象里面的属性。IE6、IE7 虽然可以安装 Developer Toolbar，但也 不支持 console。Safari、Opera 都支持 Console，但使用上都没有 FireBug和 Chrome 的方便。 现在firebug推出了 firebuglite工具，可以让所有浏览器都支持Console功能，而且使用上和FireBug 几乎一样。详见三& 为什么不直接使用 alert 或自己写的 log使用 alert 不是一样可以显示信息，调试程序吗？alert 弹出窗口会中断程序， 如果要在循环中显示信息，手点击关闭窗口都累死。而且 alert 显示对象永远显示为[object ]。 自己写的 log 虽然可以显示一些 object 信息，但很多功能支持都没有 console 好，看完后面 console 的介绍就知道了。（部分比较鸡肋的方法没有列出来，用粗蓝标出来的是常用的方法）四、console.log(object[,object,.....])Console.log 是最简单输出信息到 console 窗口的方法，支持多个参数，该方法会把 这些参数组合在一起显示我们首先来写一段倒计时的代码&!DOCTYPE HTML PUBLIC&"-//W3C//DTD HTML 4.01 Transitional//EN"""&&html&&&head&&&&title&倒计时&/title&&&&meta http-equiv="Content-Type"&content="text/ charset=UTF-8"/&&&/head&&&script src=""&&/script&&body&&&&h1&倒计时：&span&10&/span&&/h1&&&&script type="text/javascript"&&&&&$(document).ready(function(){&&&&&&&&var&num = $("h1 span").first();&&&&&&&&var&i = 9;&&&&&&&&var&interval = setInterval(function(){&&&&&&&&&&&&num.text(i);&&&&&&&&&&&&i--;&&&&&&&&&&&&console.log("当前数值："+i);&&&&&&&&&&&&if(i & 0){&&&&&&&&&&&&&&&&clearInterval(interval);&&&&&&&&&&&&}&&&&&&&&},1000);&&&&});&&/script&&/body&&/html&<div highlighter="brush:toolbar:"
style="width: 765625 font-size: 18.79 font-family: 微软雅黑; line-height: 36 margin: 1em 0px !imp"
>我们在line:16加入console.log("当前数值："+i);&那么在控制台中将输出每次i的值：&log 方法第一个参数支持类似 C 语言 printf 字符串替换模式，Log 支持下面几种替换模式：<li style="margin: 0px 0px 0px 2 padding: 0 word-wrap: break- list-style: inherit !imp"
>%s&&代替字符串<li style="margin: 0px 0px 0px 2 padding: 0 word-wrap: break- list-style: inherit !imp"
>%d&&代替整数<li style="margin: 0px 0px 0px 2 padding: 0 word-wrap: break- list-style: inherit !imp"
>%f&&代替浮点值<li style="margin: 0px 0px 0px 2 padding: 0 word-wrap: break- list-style: inherit !imp"
>%o&&代替 Object例如，我们输出一个时间日期：console.log("%d年%d月%d日"，2014,6,25);比如，我们要把月份“6月”变成“06月”，那么可以使用“%s”，在传入参数的时候要用引号：console.log("%d年%s月%d日",2014,'06',25);五& console.debug，info，warn，error这 4 种方法与 log 方法使用一模一样，只是显示的图标和文字颜色不一样.六& console.assert(expression[, object, ...])assert 方法类似于单元测试中的断言，当 expression 表达式为 false 的时候，输出后面的信息,e.g：注：assert 方法在 firebuglite 不支持，Chrome 和 FireBug 支持七& console.clear()该方法清空 console 中的所有信息 (Chrome中不支持)八& console.dirxml(node)把 html 元素的html 代码打印出来,等同于log.九& console.trace()trace 方法可以查看当前函数的调用堆栈信息，即当前函数是如何调用的&十& console.group(object[, object, ...]), groupCollapsed, groupEnd这 3 个函数用于把 log 等输出的信息进行分组，方便阅读查看。groupCollapsed 方法与 group 方法一样，只是显示的分组默认是折叠的.注意：如果后面不跟console.groupEnd()，则第二个分组默认是第一个分组的子节点。十一& console.time(name)/console.timeEnd(name)我们经常需要测试 js 函数的执行时间，可能我们自己写代码在第1 条语句和 最后 1 条语句取当前时间相减。这组函数其实就实现了这样的功能，time(name)根据 name 创建 1 个新 的计时器。timeEnd(name)停止给定name 的计时器，并显示时间。下面给个空的for循环，打印0-1000的i的值，用时124.61ms：十二& console.profile(name)/console.profileEnd()这组方法用于打开浏览器的分析器，用于分析这组函数之间的 js 执行情况注：firebuglite 不支持 profile 功能，Chrome 支持 profile，但分析的内容不详。十三& console.count([title])count 方法用于统计当前代码被执行过多少次，title 参数可以在次数前面输出额外的标题以帮助阅读。e.g:$(function(){&&&test();&&&test();&&&test();&&&test();});&var&test =&function(){&&&&console.count("test被执行次数：");};在Chrome中的结果，会打印出累积次数：而在fireBug中只会显示最后一次最终的次数：test被执行次数：4。十四& console.table(data)table 方法把data 对象用表格的方式显示出来，这在显示数组或者格式一样的JSON 对象的时候非常有用。注：table 只支持 FireBug，而且是在 firebug1.6+版本后才有。此内容将单独开一篇博客，请见《利用console.table()做高级JS调试、Console用法总结（2）》十五& console.dir(function)dir方法是把列出对象的所有方法。比如，我们显示console对象下都些什么方法：console.dir(console);十五& tab键代码补全此功能只针对fireBug下，在Chrome下自带代码提示功能在fireBug下输入co再按Tab键，将会出现代码提示：而在Chrome下边输入边出现代码提示，很强大。十五& 百度首页的彩蛋！打开百度首页，查看Javascript输出控制台，呵呵，你发现了什么？百度的招聘启事：
月上西楼推荐阅读：
& 10:36:16
阅读(32061)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'利用Console来调试JS程序、Console用法总结（1）',
blogAbstract:'目录：一、什么是 Console二 、什么浏览器支持 Console三、为什么不直接使用 alert 或自己写的 log四、console.log(object[,object,.....])五、console.debug，info，warn，error六、console.assert(expression[, object, ...])七、console.clear()八、console.dirxml(node)九、console.trace()',
blogTag:'javascript,firebug,console',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:8,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:3,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}