精华内容
下载资源
问答
  • screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法,通过screenlog.js插件,我们可以将在控制台显示的信息转移到前台页面来查看。
  • console.log 的内容,怎么在开发者工具的“console”没显示出来呢。本人新手,求大佬指教 ``` chrome.browserAction.onClicked.addListener(function (tab) { console.log('Turning ' + tab.url + ' red!');...
  • Console.log对象显示

    千次阅读 2019-09-10 20:42:51
    当我在一些javascript或web应用程序或其他任何东西中磨蹭的时候,我确信我像很多人一样,把console.log仍在代码中,这样我就可以看到各个阶段,或者什么函数正在接收,或者什么函数在返回等等,并且可以跟踪控制台...

    目录

    介绍

    使用代码


    介绍

    当我在一些javascriptweb应用程序或其他任何东西中磨蹭的时候,我确信我像很多人一样,把console.log仍在代码中,这样我就可以看到各个阶段,或者什么函数正在接收,或者什么函数不在返回等等,并且可以跟踪控制台中正在发生的事情,因为我点击离开或做任何我正在写/测试的事情。

    你在输出中看到了多少次[object Object],你就像AAARGHH

    然后,您可以花时间在stringify或其他代码上,使其可读。

    使用代码

    .....如果您将console.log语句更改为类似的;

    console.log("Result is: %O", theObject)您猜对了,theObject是您想要看到的东西,并注意它是对象的%O而不是0(零)。

    例如,如果我打开Chrome DevTools并进入控制台并输入:(我随机选择了一个内置对象,与其他对象一起尝试)

    console.log(ImageCapture)

    返回的是一些文本和对本机代码的引用,没有多少可以检查的内容。

    但是,如果我进入其中;

    console.log("Image Capture: %O", ImageCapture)
    你可以看到,我现在可以开始向下查看ImageCapture对象;

    因此,在您开始使用额外的东西来填充代码以查看对象中的内容之前,可能需要使用%O进行转换!

    PS我去看了控制台的Mozilla协议,实际上有一种特定的方法可以做到这一点,dir()

    因此,如果您这样做console.dir(ImageCapture),您将获得对象的向下查看视图。

    有关Mozilla控制台规范的更多信息以及可应用的众多其他方法,请访问:https://developer.mozilla.org/en-US/docs/Web/API/Console

    展开全文
  • 大概描述就是像题目中说的那样,用console.log打印结果和实际的length不同,以为是遇到鬼了,实际呢,我还是太年轻。 如图: 二、找问题过程 1、 使用typeof看看 发现类型都是string的 2、 用console.log(JS...

    一、背景

          好久没写博客了,最近时间实在是紧的不行,忙中偷闲记录一个小问题先。大概描述就是像题目中说的那样,用console.log打印结果和实际的length不同,以为是遇到鬼了,实际呢,我还是太年轻。
    如图:
    在这里插入图片描述

    二、找问题过程

    1、 使用typeof看看 发现类型都是string的

    2、console.log(JSON.stringify(text)); 发现加了个\t制表符,我们知道,console.log(JSON.stringify(text))有个参数space ,指定缩进用的空白字符串,用于美化输出(pretty-print);如果参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;如果该参数为字符串(字符串的前十个字母),该字符串将被作为空格;如果该参数没有提供(或者为null)将没有空格。 (https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
    在这里插入图片描述

    3、 打印 console.log(text === "" ); 发现都是false,也就是说并不是空字符串

    4、 打印 console.log(text === "\t" ); 发现打印的结果是true,也就是说此时的text是一个空格

    5、 发现空格之后,打印console.log(trim(sourceText).length); 去掉空格,打印出的结果正常了,长度为0的空字符串

    问题所在:
    代码中有一句, var text = b.innerText; (b是td元素节点,这部分是获取td里面的内容)

          由于其中一个td里面是一个img标签,所以用innertext()获取到的是不含html的内容。用<span></span>测试一下,
    发现获取到的还是一个空格,那么可以大致总结下,用innertext()获取td标签的值的话,无论是否获取到结果,后面
    都会自动加个空格(\t),就是不清楚这个空格到底是innertext()获取不到值自己解析的,还是td自带的有一个空格?

    6、 如果要对innertext()赋值之后的变量进行测试的话,那尽量去掉它的空格,或者把(\t)考虑进去。
    JS去除空格参考: https://www.cnblogs.com/bafeiyu/archive/2012/12/13/2816546.html

    总结:
          这次问题的出现,整体来说还是对于使用变量不够严谨引起的。在使用变量的时候,如果是int类型,建议类似于php的intval()一样,格式化一下。如果是string类型的话,最起码也要去除下空格。把这些当做习惯,那在开发中肯定会省下很多不必要的小bug。

    end

    展开全文
  • Chrome浏览器console.log不输出

    千次阅读 2020-06-13 22:26:23
    Chrome浏览器console.log不输出 问题描述:使用chrome开发模式进行vue.js调试时...可能3:小心在console的文件运行提示处,按了右键隐藏了文件,导致script标签内的console.log()无法输出,右键重新显示即可。 ...

    问题描述:使用chrome开发模式进行vue.js调试时,发现console.log()并没有在console中输出?

    可能1:可能Filter旁边的选项没有勾选default,勾选 即可。

    可能2:Filter处没有清空;点击x清空即可。

    可能3:不小心在console的文件运行提示处,按了右键隐藏了文件,导致script标签内的console.log()无法输出,右键重新显示即可。

    在这里插入图片描述

    展开全文
  • console.log输出结果分别是什么?

    千次阅读 2020-05-09 20:30:43
    1.console.log(([])?true:false); 2.console.log(([]==false?true:false)); 3.console.log(({}false)?true:false) 得到的结果分别是什么?() 正确答案是C 解析: “true,true,false” 此题考察类型转换,三元运算符...

    1.console.log(([])?true:false);
    2.console.log(([]==false?true:false));
    3.console.log(({}false)?true:false)
    得到的结果分别是什么?()
    正确答案是C
    解析:
    “true,true,false”
    此题考察类型转换,三元运算符先分清是非,再决定今后再决定今后该走哪条路,“
    ”运算符比较“喜欢”Number类型。
    下面是题目的类型转换结果:

    Boolean([]); //true
    Number([]); //0
    Number({}); // NaN
    Number(false); //0
    

    因此:

    console.log(([])?true:fasle);// => console.log((true)?true:false);
    console.log([]==false?true:false); // => console.log(0==0?true:false);
    console.log(({}==false)?true:false); // => console.log((NaN==0)?true:false);
    

    《JavaScript权威指南》的部分相关知识点

    "=="运算符(俩个操作输的类型不相同时)
    · 如果一个值是null,另一个值是undefined,则它们相等
    · 如果一个值是数字,另一个值是字符串,先将字符串转换为数学,然后使用转换后的值进行比较。
    · 如果其中一个值是true,则将其转换为1再进行比较。如果其中的一个值是false,则将其转换为0再进行比较。
    · 如果一个值是对象,另一个值是数字或字符串,则将对象转换为原始值,再进行比较

    对象到数字的转换
    · 如果对象具有valueOf()方法,后者返回一个原始值,则JavaScript将这个原始值转换为数字(如果需要的话)并返回一个数字。
    ·否则,如果对象具有toString()方法,后者返回一个原始值,则JavaScript将其转换并返回。(对象的toString()方法返回一个字符串直接量(作者所说的原始值),JavaScript将这个字符串转换为数字类型,并返回这个数字)。
    · 否则,JavaScript抛出一个类型错误异常。

    空数组转换为数字0
    数组继承了默认的valueOf()方法,这个方法返回一个对象而不是一个原始值,因此,数组到数学的转换则调用toString()方法。空数组转换为空字符串,空字符串转换为数字0.

    展开全文
  • console.log()打印显示异常的原因分析

    千次阅读 2020-01-17 11:22:10
    日常开发中我们经常使用console.log...而当我们展开对象看的时候,console.log打印的是对象当时的快照,所以我们看到的对象的属性值并没有改变,展开对象时,它其实是重新去内存中读取对象的属性值,所以当我们展...
  • console.log(iVal)是什么?显示在哪里?

    千次阅读 2019-11-11 02:33:31
    1.是什么? 两种含义: 1.终端的输入输出信息的记录日志 ...拿谷歌浏览器来说,进入页面,然后按f12进入页面调试模式,里面有一个console选项,你点一下,就可以看到你console.log输出的内容了 ...
  • 身为一个资深菜鸟,我觉得我有必要给大家排一下雷,当我在网上搜索无数个这个问题的时候,我就知道我的机会来啦...是因为没有勾选日志,所以不显示产生了什么,所以大家就来试一下吧,其他原因还没遇到 成功结果
  • js重写console.log函数

    千次阅读 2019-10-25 22:02:08
    在前端开发中console.log是我们必可少的调试工具,但是原生的console.log有两点能很好地满足我们的需求 1. 开发时需要log,但是上线时希望去掉log,但我们可能每一行都删掉 2. 对于Object和Array等引用类型...
  • console.log 用法

    千次阅读 2018-11-29 21:42:49
    【转】console.log 用法 标签: 转自http://www.cnblogs.com/ctriphire/p/4116207.html 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它...
  • console.log无反应,无输出问题

    万次阅读 2017-09-17 21:40:07
    通常出现这种情况一般是我们小心点错了浏览器console的输出设置解决办法:把蓝色部分的输出设置修改为default就ok了
  • console.logconsole.info与console.debug的区别console.log()、console.info()与console.debug()都是在控制台中打印信息用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的...
  • 今天下午,我在调试的时候,发现console.log死活打印不出信息了,非常奇怪。 最后发现原因在这里,注意红框的地方,要把相应的信息选上,才能出现console的打印信息。 ...
  • console.log()、console.info()、console.debug()的区别

    万次阅读 多人点赞 2018-06-14 09:44:48
    console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。...是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字一样。其中,console.info()...
  • 目录 目录 console 对象与控制台 ...console.warn(),console.error() console.table() console.count() console.dir(),console.dirxml() console.assert() console.time(),console.timeEnd() ...
  • console.log设置显示颜色

    千次阅读 2016-12-02 00:06:58
    console.log('%c 1','color:red')
  • vue中使用console.log无效

    千次阅读 2020-06-02 14:30:24
    vue中使用console.log无效 webpack开发环境下,在vue中使用console.log无效,一直以为webpack出了问题。 使用window.console.log()就能够顺利在浏览器控制台输出了。 以及 在axios请求的回调中依旧无法输出...
  • 下面是题目的类型转换结果: Boolean([]); //true Number([]); //0 Number({}); // NaN Number(false); //0 因此: console.log(([])?true:fasle);// => console.log((true)?true:false); console.log(...
  • console.log同步与异步

    千次阅读 2019-05-14 18:15:17
    最近帮助一个后端同事调试时,console.log()他说结果不正确,因为会出现同步或者异步输出的情况。查阅资料,自己整理后,发现确实存在这个问题。 问题现象 异常出现原因分析 在分析之前,我们得知道一点,JS中对象...
  • console.log 无反应,输出了

    千次阅读 2019-08-07 09:21:20
    转自于https://blog.csdn.net/weixin_42617800/article/details/87996023 1. F12 2. 点三个点 3. 4、 恢复默认值并重新加载 (具体原因不明,先解决了问题再说,没空解释) ...
  • 文章目录1. 序2. console.log()输出对象属性缺失3. 获取正确的结果3.1 方法1:对象展开...一般情况下,我们打印普通值都没有问题,但在打印对象类型时,我们就需要注意点了,要不然可能会出现符合期望的结果。 2. ...
  • https://www.cnblogs.com/yalong/p/9453022.html
  • 今天在集成第三方js代码的时候,要求把结果打印出来,然后很奇怪的问题来了,console.log()打印出来???? 排查过程 1.浏览器控制台的显示级别是不是正确,是否存在过滤条件,都正常; 2.验证其他网站是否也有此问题...
  • 关于移动端显示console.log日志的写法

    千次阅读 2019-08-19 13:33:13
    调试项目少不了使用console.log()和alert()这种基本的方法,pc端直接可以看到,但是在移动端却只能用alert()查看一下需要显示的信息,接下来我要介绍一下怎么在移动端显示console.log(),可以帮助大家方便的调试。...
  • vue.js第一课,console.log()无法输出

    千次阅读 2020-06-13 22:43:16
    vue.js第一课,console.log()无法输出 vue第一课中,对于 vue()对象中的watch()属性介绍,可以监听页面元素变化,此处为message的变化。代码如下,但通过页面运行,发现并没有在console中输出,或者说watch()里面的...
  • console.log()和console.dir()的区别

    千次阅读 2020-11-10 11:55:34
    前言:本博文主要讲解console.log()和console.dir()的区别。更多关于console的详细方法请查看: https://segmentfault.com/a/1190000004528137 文章目录一、案例二、运行效果图三、总结 一、案例 <!DOCTYPE ...
  • 对比 再来看输出结果: 简单来说就是因为拼接了之后原始类型为object的数据被转换为字符串类型了,拼接就会按照数据原始类型打印该数据 不会打断操作类似于alert。 ...
  • js技巧 console.log使用

    万次阅读 2018-11-05 16:22:04
    js技巧 console.log使用
  • console.log 打印的值准确

    千次阅读 2018-09-14 22:56:52
    有些时候在使用·console.log() 打印对象的时候,打印出来的值符合预期。这是为什么呢? 有一种说法是:console.log() 是一个异步的方法,浏览器在处理的时候对于这种读取 i/o 的操作一般会放到比较靠后的位置去...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 266,173
精华内容 106,469
关键字:

console.log()不显示结果