Google Chrome 小技巧

Table of Contents

代码格式化

  有很多css/js的代码都会被 minify 掉,你可以点击代码窗口左下角的那个 { } 标签,chrome会帮你给格式化掉。

直接编辑网页

  在你的 console 里 输入下面的命令: document.designMode = "on" 。于是你就可以直接修改网页上的内容了。

设置断点

  除了给Javascript的源代码上设置断点调试,你还可以:

给DOM设置断点。

  选中一个DOM,然后在右键菜单中选 Break on … 你可以看到如下三个选项:

给XHR和Event Lisener设置断点

  在 Sources 面页中,你可以看到右边的那堆break points中,除了上面我们说的给DOM设置断点,你还可以给XHR和Event Listener设置断点,载图如下:

资源

Date: 2023-06-02 Fri 16:18