Chrome控制台用法

写在前面：网上有好多有关于chrome的用法，我的内容来源网络，仅供参考。自己就记录下，便于以后自己翻看；

1.console.clear();或者clear();清空控制台；快捷键：Ctrl + L

2.console.dir(console)可以查看下console有多少方法供给我们应用；

6.动图：

10.

11.console.log() 将DOM结点以JavaScript对象的形式输出到控制台

12.

13.console.profile和console.profileEnd配合一起使用来查看CPU使用相关信息

在Profiles面板里面查看就可以看到cpu相关使用信息;

14.

上下键，可以试试，上键表示上一次输入的内容；

15.$_命令返回最近一次表达式执行的结果

16.在页面右击选择审查元素，然后在弹出来的DOM结点树上面随便点选，这些被点过的节点会被记录下来，而$0会返回最近一次点选的DOM结点，以此类推，$1返回的是上上次点选的DOM节点，最多保存了5个，如果不够5个，则返回undefined。

17.

18.

19.

此时可以把document.body的内容随意粘贴；

20.debug & undebug 设置断点/解除断点

21.

22.

Control + Shitf + J（Windows/Linux）调用控制台的快捷键

。。。。。。此处省略x万个demo;

参考：http://www.cnblogs.com/Leo_wl/p/4117446.html

具体详见：https://developers.google.com/web/tools/chrome-devtools/console/console-reference

重要：http://wiki.jikexueyuan.com/project/chrome-devtools/

转载于:https://www.cnblogs.com/gaoxuerong123/p/7637301.html

Chrome控制台用法相关推荐

[转]Chrome 控制台console的用法
Chrome 控制台console的用法下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用. 目前控制台方法和属性有: ["$$", "$x&q ...
Chrome 控制台的console用法收集
Chrome 控制台console的用法大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它 ...
Chrome 控制台console的用法
一般情况下我们用来输入信息的方法主要是用到如下四个: 1.console.log 用于输出普通信息 2.console.info 用于输出提示性信息 3.console.error用于输出错误信息 4 ...
使用Chrome控制台进行3D模型编辑的尝试
前言:3D模型编辑的核心是对顶点位置和纹理颜色的编辑,这个研究的目的在于寻找一种通过编程方式直接对模型进行编辑的方法,这种编辑方法和时下流行的通过鼠标点选.拖拽进行编辑的方法之间的关系,和前端编程中& ...
Chrome控制台实用指南
前言原文地址:Chrome控制台使用指南博客地址:Damonare的个人博客 Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还 ...
Chrome控制台使用详解
Chrome控制台使用详解 console.log 按信息级别归类 console.log:普通信息 console.info:提示类信息 console.error:错误信息 console.war ...
Chrome控制台使用详解 1
Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「 ...
BrowserLog——使用Chrome控制台作为Log查看器
Chrome控制台是十分强大的,即使将它作为一个log查看器也是非常强大的,BrowserLog就是一个.net下的把Chrome作为log输出的程序包. 原理非常简单,server端将log数据通过 ...
Chrome 控制台不完全指南
2019独角兽企业重金招聘Python工程师标准>>> Chrome 控制台不完全指南转载于:https://my.oschina.net/zhaoxiaoben/blog/313 ...

Chrome控制台用法

Chrome控制台用法相关推荐

最新文章

热门文章