①一键重新发送请求:选中 Network→点击 Fetch/XHR→选择要重新发送的请求→右键选择 Replay XHR;
②在控制台快速发起请求:选中 Network→点击 Fetch/XHR→选择 Copy as fetch→控制台粘贴代码→修改参数,回车搞定;
③复制 JavaScript 变量:使用 copy 函数,将对象作为入参执行即可;
④控制台获取 Elements 面板选中的元素:通过 Elements 选择要调试的元素→控制台直接用 $0 访问;
⑤截取一张全屏的网页:准备好需要截屏的内容→cmd (windows:ctrl) + shift + p →输入 Capture full size screenshot 按下回车,如果要截取部分内容,第三步输入 Capture node screenshot 即可;
⑥一键展开所有 DOM 元素:按住 opt 键(Windows:Alt 键) + click(需要展开的最外层元素);
⑦控制台引用上一次执行的结果:使用 $_引用上一次操作的结果;
⑧快速切换主题:cmd (windows:ctrl) + shift + p →输入 Switch to dark theme 或者 Switch to light theme 进行主题切换;
⑨"$" 和 "$$" 选择器:在控制台使用 document.querySelector 和 document.querySelectorAll 选择当前页面的元素是最常见的需求了,不过着实有点太长了,咱们可以使用 $ 和 $$ 替代;
⑩$i 直接在控制台安装 npm 包:安装 Console Importer 插件→$i ('name') 安装 npm 包;
⑪Add conditional breakpoint 条件断点的妙用:点击源代码行右键
(参考:mp.weixin.qq.com/s/H5GdKl5MJ…