吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3518|回复: 20
收起左侧

[其他转载] Chrome调试器Console的进阶用法

  [复制链接]
Tairraos 发表于 2020-4-14 16:23
本帖最后由 Tairraos 于 2020-10-25 15:51 编辑

帖子不长,收藏下来必然某天用得到。
喜欢请点击下方免费评分,谢谢
======================
还有几帖你一定会喜欢的:
Python资源大全:https://www.52pojie.cn/thread-1081229-1-1.html
Python tkinter UI指南 https://www.52pojie.cn/thread-1290751-1-1.html
原生 Javascript 实现 jQuery 的功能: https://www.52pojie.cn/thread-1084552-1-1.html
Chrome调试器Console的进阶用法 https://www.52pojie.cn/thread-1156239-1-1.html
Javascript 极限省字节(看懂混淆后的代码) https://www.52pojie.cn/thread-1056860-1-1.html
JS必备,ESLINT配置说明 https://www.52pojie.cn/thread-1290700-1-1.html
======================

断言

//断言的语法
console.assert(expression[, object, ...]);

//测试表达式,值为true时什么都不发生
console.assert(true, 'no problem');

//测试表达式,值为false时将抛出异常,并随带堆栈
console.assert(false, 'show a error here');

//断言失败用的显示参数,不能用printf的语法
console.assert(false, '1 %d 2', 3);
//输出 Assertion failed: 1 %d 2 3

不想抛一个异常,但是还是想看下当前执行位置的堆栈

//紧跟着log后输出trace()可以显示一条显示堆栈的信息
console.trace();

//例
function step1(){ step2(); }
function step2(){ console.trace(); }
step1();

格式化log消息

//开始一个log分组
console.group('Group %d', 1);
console.log('message 1');
console.log('message 2');
console.log('message 3');
//结束分组
console.groupEnd()

console.groupCollapsed('Group %d', 2);;
console.log('message 1');
console.log('message 2');
console.log('message 3');
//结束分组
console.groupEnd()

计时器

//用一对方法来测试所花费时间
console.time('try randomize');
for (var i=0; i<99999; i++) {
    Math.random(i);
}
console.timeEnd('try randomize');

性能测试

//产生一个profile报告
console.profile('try randomize');
for (var i=0; i<99999; i++) {
    Math.random(i);
}
//生成完成后,到profile面板查看
console.profileEnd('try randomize');

计数器

//指定一个title,每调用一次就加1
for (var i=0; i<20; i++) {
   console.count('tru count');
}

清空控制台

console.clear()

简化的DOM命令

//document.getElementsByTagName('tagname')[0];
$('tagname');
//document.getElementById('id');
$('#id');
//document.getElementsByClassName('selector')[0];
$('.selector');

//document.getElementsByTagName('tagname');
$$('tagname');
//[document.getElementById('id')];
$$('#id');
//document.getElementsByClassName('selector');
$$('.selector');

其它DOM工具

//用XPath定位DOM元素或XML
$x('/html/body/div');

//在Elements面板中选中的元素
$0
//上一次在Elements面板中选中的元素
$1
//类推
$2

//返回最后被选择的元素
$n(index)

JS工具

//自动选择面板来显示内容
inspect(object);

//返回一个对象的所有key
keys(object);

//返回一个对象的所有values
values(object);

//监视某个方法。当方法被调用的时候自动停下来
debug(fn);
//移附近监视
undebug(fn);

//监视指定元素的指定事件
//事件发生时,事件对象会在console中输出。
//如果不指定第二个参数,将对所有事件进行记录。
monitorEvents(document.getElementById('test'),['click'])

执行时断点

//在代码里加入debugger命令,在打开console的情况下执行到此处会停下来
debugger;



帖子不长,收藏下来必然某天用得到。
喜欢请点击下方免费评分,谢谢
======================
还有几帖你一定会喜欢的:
Python资源大全:https://www.52pojie.cn/thread-1081229-1-1.html
Python tkinter UI指南 https://www.52pojie.cn/thread-1290751-1-1.html
原生 Javascript 实现 jQuery 的功能: https://www.52pojie.cn/thread-1084552-1-1.html
Chrome调试器Console的进阶用法 https://www.52pojie.cn/thread-1156239-1-1.html
Javascript 极限省字节(看懂混淆后的代码) https://www.52pojie.cn/thread-1056860-1-1.html
JS必备,ESLINT配置说明 https://www.52pojie.cn/thread-1290700-1-1.html
======================

免费评分

参与人数 7吾爱币 +5 热心值 +6 收起 理由
life091303 + 1 + 1 欢迎分析讨论交流,吾爱破解论坛有你更精彩!
幼稚鬼 + 1 用心讨论,共获提升!
BevicChiu + 1 + 1 我很赞同!
烈焰伯爵 + 1 + 1 我很赞同!
psx1lin + 1 用心讨论,共获提升!
mmliuliuliu + 1 + 1 谢谢@Thanks!
mori13 + 1 我很赞同!

查看全部评分

本帖被以下淘专辑推荐:

  • · TIPS|主题: 14, 订阅: 5

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

mmliuliuliu 发表于 2020-4-16 13:50
Tairraos 发表于 2020-4-16 09:02
谢谢支持,如果不麻烦,可以试一下免费评分,谢谢

今天没还评分,不晓得为啥没有热心和吾爱币了。等我有了就给你评分
 楼主| Tairraos 发表于 2020-4-16 09:29
曼曼小地瓜 发表于 2020-4-15 08:27
感谢分享,收藏学习,谢谢

谢谢支持,如果不麻烦,可以试一下免费评分,谢谢
辉龙天子 发表于 2020-4-14 16:52
四哥! 发表于 2020-4-14 17:21
感谢分享,收藏学习了。
whizzcyf 发表于 2020-4-14 17:56
key de 很棒
mmliuliuliu 发表于 2020-4-14 20:51
感谢楼主分享!
收藏了
Kaiter_Plus 发表于 2020-4-15 08:08
强,感谢楼主分享
曼曼小地瓜 发表于 2020-4-15 08:27
感谢分享,收藏学习,谢谢
psx1lin 发表于 2020-4-15 09:03
很多都不知道

3q..
 楼主| Tairraos 发表于 2020-4-16 09:01

谢谢支持,如果不麻烦,可以试一下免费评分,谢谢
 楼主| Tairraos 发表于 2020-4-16 09:02
psx1lin 发表于 2020-4-15 09:03
很多都不知道

3q..

谢谢支持,如果不麻烦,可以试一下免费评分,谢谢
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则 警告:本版块禁止灌水或回复与主题无关内容,违者重罚!

快速回复 收藏帖子 返回列表 搜索

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-3-29 15:27

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表