谷歌浏览器开发调试小技巧

1. 在控制台获取上次操作返回的值

在控制台可以通过$_获取上次执行的返回值，通过这个方法调试代码会方便很多

2. 在控制台打印当前选中的dom元素

鼠标选中需要打印的dom元素，在控制台输入$0即可打印出选中元素

3. 编辑页面上的文本

控制台输入 document.body.contentEditable="true"或者document.designMode = 'on' 使页面内容可编辑，一般在调试文本长度判断页面布局是否串行很实用

4. Networt 重新发起XHR请求

平时工作在和后端联调中，我们使用最多的就是netWork来查看数据查看请求的状态等，如果我们想要重新发起一个请求，往往都是刷新页面或者重新点击按钮，如果页面加载很慢比较容易影响我们的开发效率，这个时候我们可以通过浏览器的自带功能Replay XHR重新发起一次请求。

5. 通过控制台发送请求

在调试接口的时候我们往往需要输入不同的参数来重新发起请求，这个时候可以在控台修改参数发送请求来达到目的

1、打开network，选中接口 2、copy -  copy as fetch 3、粘贴到控制台，根据需求修改参数 4、回车发送

6. ctrl+shift+T 打开最近关闭的页面

当我们误操作关闭某个页面的时候，快捷键 Cmd（Ctrl）+Shift+T 来打开，像什么都没有发生一样。

7. 控制台 overrides线上调试页面逻辑