![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
美梦收藏家
获得徽章 0
- 右击行号，选择 Add conditional breakpoint...(添加条件断点)
或者右击一个已经设置的断点并且选择 Edit breakpoint(编辑断点)
然后输入一个执行结果为 true 或者 false 的表达式（它的值其实不需要完全为 true 或者 false 尽管那个弹出框的描述是这样说的）。
在这个表达式中你可以使用任何这段代码可以获取到的值（当前行的作用域）。展开评论点赞 - 越来越多与浏览器有关的 API 都是 基于 Promise 的 。当你使用 promise 的时候通常配套用 .then(处理方法) 或者 将 promise 包裹在 async 方法中，再使用 await 来接收结果。评论点赞
- 如果你只是想玩玩新出的 npm 包，现在不用再大费周章去建一个项目测试了，只需要在 Chrome插件:Console Importer 的帮助之下，快速的在 console 中引入和测试一些 npm 库。
运行 $i('lodash') 或者 $i('moment') 几秒钟后，你就可以获取到 lodash / momentjs 了:
展开评论点赞 - 在 DevTools 中预设了一组很棒的代码块以后，甚至都不必再通过 Sources 来运行它们。使用 Command Menu 才是最快的方式。只需在它的输入框中输入 ! ，就可以根据名字来筛选预设代码块：
评论点赞 - DevTools 中的前4个主要的面板，每一个都支持 [ctrl] + [f] 快捷方式，可以使用对应的查询方式来查找信息:
在 Elements 面板中 - 通过 string ，选择器 或者 XPath 来查找
而在 Console， Network 以及 Source 面板 - 通过区分大小写，或者可以被视为表达式的 strings， 来查找展开评论点赞 - 我竟然才知道:
右击或者点击在 HTML 元素边上的省略号 (...) 就可以将它 copy 到剪贴板中
，但是你不知道的是：古老的[ctrl] + [c]大法依旧可用！
评论点赞
![[恐惧]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_65.19740fe.png)