Chorme控制台console的用法;
前提:是谷歌浏览器!
IE8- 不支持console.log();会报错,解决如下:
(function (){//创建空console对象,避免JS报错 if(!window.console) window.console = {}; var console = window.console; //添加console对象的方法var funcs = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn']; for(var i=0,l=funcs.length;i<l;i++) { var func = funcs[i]; if(!console[func]) console[func] = function(){return;}; } if(!console.memory) console.memory = {};})();
CONSOLE使用注意事项(或快捷键):
1、控制台输入多行代码?? 解决方式是使用 " ; " 分隔 或使用 " shift +enter "实现代码换行
2、键盘的上下键 可以使用用户在控制台输入的历史代码
3、$_ 可以获取上一次表达式执行的结果,注意使用时候要和运算符号要保持一个空格, $0表示最近点击的dom节点,$4表示前面第五次点击的dom节点,只能存储五次历史记录,超出为undefined
4、console控制台支持原生的jquery选择器,使用如$('body')
5、copy(name) 可以将控制台获取到的内容复制到粘贴板;
6、keys(obj) 和 values(obj) 分别可以获取对象的对象名组成的数组和对象值组成的数组
7、 monitor(funName)监听执行函数的函数名和函数参数,unmonitor(funName)停止监听;
8、输出指定样式的文字,如console.log("%c大家好","color:red;")
9、clear() 可以清空控制台输出记录,相当于console.clear(),也可以使用快捷键 "ctrl + L",或者右键清空
CONSOLE怎么用??
1、查询数组或对象大量数据时候,避免使用alert()弹框造成崩溃
2、调试使用时,使用console.log(); console.info(); console.error(); console.warn(); 不同文本打印颜色区分不同的提示信息
3、使用console.clear() 或者console界面左上角图标清空console记录;
console.log(‘string1’,’string2’) 打印的时候会将多个字符串拼接输出日志;
4、使用console,group(titleName); console.groupEnd(); 输出具有开头的分组信息
5、console.assert(isFalse,'falseMsg'); 会对指定指定的表达式进行判定,只用表达式为false时候才会输出相应的信息到控制台
6、console.count(); 可以统计代码被执行的次数
7、console.dir()可以以DOM树结构输出一个对象的所有属性和方法,也可以简写成dir(obj);console.table()可以将数组用表格的形式输出,也可以简写成table(arr);
8、console.time() 和console.timeEnd() 一起可以用来统计时间间隔
9、console.profile() 和console.profileEnd()一起可以查看CPU的相关使用情况
10、console.trace() 堆栈跟踪相关的调试
11、console.timeLine() 和console.timeLineEnd() 一起可以记录一段时间轴
参考网址:https://www.cnblogs.com/Leo_wl/p/4117446.html
https://developer.chrome.com/devtools/docs/console-api
Chorme控制台console的用法;相关推荐
- [转]Chrome 控制台console的用法
Chrome 控制台console的用法 下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x&q ...
- Chrome 控制台console的用法
一般情况下我们用来输入信息的方法主要是用到如下四个: 1.console.log 用于输出普通信息 2.console.info 用于输出提示性信息 3.console.error用于输出错误信息 4 ...
- 浏览器console的用法
Leo_wlCnBlogs 自由.创新.研究.探索 Linux/Windows Mono/DotNet [ Open Source .NET Development/ 使用开源工具进行DotNet软件 ...
- 谷歌浏览器--控制台(console)调试--使用/教程/实例
原文网址:谷歌浏览器--控制台(console)调试--使用/教程/实例_IT利刃出鞘的博客-CSDN博客 简介 说明 本文用示例介绍浏览器使用控制台(console)调试前端的方法. Console ...
- HTML控制台输出console,Javascript的console.log()用法
把下面代码保存为html文件,然后IE8---F12---脚本---控制台里就会出现有趣的东西,如果是Firefox,安装了FireBug后,则F12--控件台--所有 ,同样可以看到. javasc ...
- javascript中console的用法
最近在掘金以及其他网站上看到很多关于console的帖子,由于本身前端对于console和alert调试数据逻辑很普遍 所以就想整理一下console的用法 如果还有没被整理出来的请留言,共同进步.好 ...
- javascript 中 console 的用法
javascript 中 console 的用法 视频 https://www.bilibili.com/video/BV1g7411L751?from=search&seid=1567656 ...
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
在MFC程序中输出调试信息的方法有两种,一种是使用TRACE宏,可以向Output窗口输出调试信息:另一种是用MessageBox,弹出消息框来输出调试信息,但会影响程序的运行. 其实有一种方法可以更 ...
- macOS的控制台Console.app
1.前言 从Xcode9.4开始,Devices 界面已经移除了真机设备的日志输出log,而移到macOS系统独立的控制台app(Console.app): 20180713-macOS-Consol ...
最新文章
- Go语言的错误异常处理机制及其应用
- Python 代码转 Latex 公式,这个开源库用一行代码帮你搞定
- 高效的CSS(2008年7月4日更新)
- 盘点“逆市上涨”BZ第一季度回购亮点
- 大数据WEB阶段Mybatis(二)
- 2020ICPC(小米邀请赛2) - Knapsack(贪心+dp)
- 听说这是和女朋友住一起后的现象之一
- python默认数据转换_Python_数据类型转换
- 各大媒体优劣对比_信息流投放广告丨各大平台的信息流都有什么特点与弊端
- Java中循环删除list中元素的方法总结(总结)
- matlab能流图,有会用MATLAB写海流图的程序吗
- 【To Understand!回文串8 哈希表】LeetCode 336. Palindrome Pairs
- 解决办法:RuntimeError: dictionary changed size during iteration
- mysql date_format格式_mysql date_format 按不同时间单位进行分组统计
- Java分布式面试题集合(收藏篇)
- html中css鼠标经过事件,css中鼠标点击变色 css里鼠标悬停变色怎么弄
- Windows 10 微软拼音输入法无法输入中文标点符号
- requests模块基本使用、代理ip、session访问
- 西门子MES simatic it 资料-西门子数字化
- $.inArray()方法
热门文章
- postgresql 插入 时间戳_数据也玩躲猫猫?PostgreSQL中别人提交的数据,我为什么看不到?...
- linux 编译system.img,android生成sysytem.img的命令过程
- silk 编解码_Silk编解码在android实现
- linux 父子进程结束,Linux下让父进程结束后,子进程自动结束
- Java中nextfloat怎么用,关于java的nextFloat()后面跟一个nextLine()
- 密码学电子书_密码学中的电子密码书(ECB)
- dbms_排名前50位的DBMS面试问答
- 为什么在Python中使用string.join(list)而不是list.join(string)?
- kotlin 查找id_Kotlin程序查找平行四边形的区域
- webapi随机调用_BeetleX之webapi验证插件JWT集成