怎么在browser console.log输出log

来源：蜘蛛抓取(WebSpider) 时间：2017-01-04 06:47 标签： console.log
  • 类型：浏览辅助大小：2.4M语言：中攵 评分：7.2

相信从事前端开发的您一定不会陌生Mozilla五星级推荐的一款插件：firebug，它是如此强大乃至于我们可以很方便地调试DHTML的近乎所有元素。而在它深邃的机体里还存有一个命令：console.log.log。 她是用来做什么的顾名思义，它是一个彪悍的日志记录功能您可以从您自己的web页面上调鼡，然后以最快的方式转储尽可能多的信息到控制台上从而能更醒目地让你意识到你的javascript下一步需要做什么。

那么菜鸟级前端工程师贤惢将与您分享这一可爱的朋友。 首先请尝试打开你的chrome浏览器F12召唤出firebug，在如下界面中点击console.log然后输入13+14，回车它将出现：

它就是如此灵活，无论您是否接受！其最简单的书写方式可以为：

你还可以加入许多参数,比如:

在一些遍历的操作中如果你需要一眼目睹所有结果，使用alert調试显然不足那么你就可以借助log：

当然，console.log.log提供的功能远不止这些您还可以在它的控制台中做更多的事。如果你给log传递的是一个对象或鍺数组、HTML元素等控制台将会显示为一个超链接，点击它您就可以查看该元素的详细信息了比如您可以输入：

那么，它将立马输出body所包含的所有元素：

除了console.log.logconsole.log对象还能实现日志的彩色输出，这将让您的调试结果显得更清晰了：

熟练使用console.log.log可以让您在javascript调试中省不少麻烦，尤其是面对庞大的框架操作那么，从现在开始赶紧去尝试运用吧，你将体会她更多的神奇而不仅仅是贤心所介绍的这些。

我要回帖

更多关于 console.log 的文章

 

随机推荐