获得徽章 0
- monitor 是 DevTools 的一个方法, 它能够让你 “潜入” 到任何 _function calls(方法的调用) 中:每当一个 被潜入 的方法运行的时候,console 控制台 会把它的实例打印出来,包含 函数名 以及 调用它的参数 。评论点赞
- 得益于条件断点, console.log 也有了新玩法:
每一个条件都必须经过判断 - 当应用执行到这一行的时候进行判断
并且如果条件返回的是 falsy 的值(这里的 falsy并非是笔误,falsy 指的是被判定为 false 的值,例如 undefined ),它并不会暂停..展开赞过评论1 - 通过 console 来获取到更多有意思的信息。
Storage 系统的 占用数 和 空闲数
await navigator.storage.estimate()评论点赞 - console 中打印出的对象,在你打印出他内容之前,是以引用的方式保存的。
打印一个从这个对象复制出来的对象。
使用资源面中的断点来调试
使用 JSON.stringify() 方法处理打印的结果展开评论点赞 - 在 Chrome 的 Elements 面板中, $0 是对我们当前选中的 html 节点的引用。
理所当然,$1 是对上一次我们选择的节点的引用,$2 是对在那之前选择的节点的引用
评论点赞 - 在 Chrome 的调试打开的情况下 按下 [ Ctrl] + [Shift] + [P] (Mac: [⌘] + [Shift]+ [P] )
或者使用 DevTools 的 dropdown 按钮下的这个选项可以查看浏览器许多自带的功能评论点赞