关于这个主题，我在很早之前有写过一篇文章，简单的介绍了小程序开发者工具中各个tabs的用途和用法(基本和谷歌开发者工具一致)，如果遗忘的，可以先再看一遍。全栈工程师之路-中级篇之小程序开发-第一章第二节注册小程序和开发工具讲解
后来在开发的过程中又发现了一些我觉得很有用的技巧，在这里再次分享给大家。
# 保留日志
不知道大家有没有遇到一种情况，比如当进入某一个页面，token 失效，跳转到登录页，登录成功，返回之前的页面，又触发了 token 失效，再次跳转到登陆页。由于访问不同的页面，所以浏览器会自动清空访问日志。
所以比较难定位到问题，这时候，我们可以开启保留日志和禁用缓存。
# 查看 hover 样式
在使用 antd 组件时，不管是 antd 还是 ant-design-mobile ，我们都会涉及到覆盖 ant 组件样式的问题，有时候我们很难知道组件的 css 类名。这时候，我们可以使用 '审查元素' ，点击 Styles 中的 :hov
勾选 :focus ，就能快速找到类名了。
# 模拟手机3g网络
之前遇到产品说：用户说在网络不好的时候，会有XXX问题（什么用户说，根本就是产品自己说的。）然后，我之前的做法是，把手机网络调成2g，3g。再通过手机谷歌浏览器，实现在电脑上查看错误日志的方式。
其实谷歌浏览器就自带有3g网络模拟
# 使用谷歌浏览器截图
有时候我们会在展示效果或者分享的时候，使用截图功能来截取页面。
我自己一般是使用微信客户端，因为Command + Shift + A的快捷键用的比较习惯。但有时会遇到，微信未登录无法使用截图的问题。
其实开启谷歌开发者工具之后，使用Command + Shift + P（win用户好像是使用Ctrl+Shift+P）打开命令，输入 `screenshot`。好处就是，可以只截取单个dom，还可以截取整个网站。
（封面的截图就是我修改了谷歌浏览器官网的dom，截图下来的）
# 切换dark模式
只要使用Command + Shift + P ，输入theme，就可以切换成dark模式了
