译者按: 切换成本真的不高,建议使用开发者工具来Debug! 原文:How to stop using console.log() and start using your browser's debugger 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 在我成为一名开发者路上也掉进过一些坑,对于新手来说一个最大的挑战就是debug.刚开始,我一度认为在控制台下使用console.log()打印变量是最棒的方法.而实际上,这样做是…

开发过程中我们不可避免的需要console.log调试,然而在上线时如果不删除这些console.log可能会造成内存泄漏,因为console.log出来的变量是不会被GC的,webpack给我们提供了一个非常棒的插件,看代码: new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false } }, sourceMap: config.build.productionSourceMap, parallel: true })…

如图,找到build/webpack.prod.conf.js 在 UglifyJsPlugin 插件下添加下列代码 drop_debugger: true, drop_console: true…

写在前面的 在开发调试过程中,我们经常需要调用console.log 方法来打印出当前变量的值,然而,console.log在浏览器环境下 有时会出现一些异常的现象 开撸代码 在浏览器和nodejs环境下分别运行下面代码 var s = {}; console.log(s); s.title = 'ee'; 在谷歌浏览器结果如下: 在nodejs环境,结果如下: 在火狐浏览器,结果如下: 分析 怎么会这样呢?在google和Safari的webkit中,console.log并没有立即拍摄对象快…

在js前端开发时,为了调试经常会加上 console.log.但是在有的浏览器(比如IE)中会报错,怎么办呢?好像10之后也开始支持了!如果以防方一,可以使用如下方式 在js文件最前面添加如下js代码: if (window.console === undefined) { console = { log: function () { }, info: function () { }, debug: function () { } }; } 补充一下:alert和console.log之间的区别…

在浏览器控制台中写如数据 1添加    <script type="text/javascript">djConfig = { isDebug: true };</script> 在<script>写入需要输出的内容 <script> 如: dojo.require("esri.map"); function init() { var map = new esri.Map("map"); dojo.…

因为在IE浏览器无此方法,故此重写 方法一: var console = console || { log: function () { return false; } }; 方法二:window.console && console.log('foo'); console.log('123456');…

问题来源:外网IE下,触发js报错.经检测,未清除console造成.清除console后,解决. 问题原因:console.log 原先是 Firefox 的“专利”,严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”. 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)的时候,console.log 才能出结果,不然就报错.详细出处参考:http://www.jb51.net/article/30469.htm 解决问题:h…

现在很多网站,你在访问他页面的时候, 你要查看 console 的话, 看到有文章介绍的,一定想知道是怎么展示来的吧 如 baidu 的 你懂的,其实很简单,代码如下, console 输出下就行 console.log("一张网页,要经历怎样的过程,才能抵达用户面前?\n一位新人,要经历怎样的成长,才能站在技术之巅?\n探寻这里的秘密:\n体验这里的挑战:\n成为这里的主人:\n加入百度,加入网页搜索,你,可以影响世界.\n") console.log("请将简历发送至 %…

Java调用system.print.out()是会调用toString方法打印js里的console.log也是控制台打印,很多时候,我们以为也是调用toString方法,其实并不是.我们在chrom下测试 var obj={'a':2}; console.log(obj); console.log(arr.toString());{'a':2} console.log(obj.toString());[object Object] console.log(obj+'');[object Ob…