如果开发中预期的样式效果没有出现，可以拾取某个元素，在 样式
选项卡中查看样式的具体信息，包括继承的样式、被覆盖的样式和计算|渲染出来的最终样式信息；在
已计算 选项卡中可以查看完整的样式；根据检查情况修改并更新项目
切换设备，查看不同设备下的页面效果
在移动端和桌面端切换，特别是响应式开发要切换到移动端
检查\修改文档/元素结构
偷图片
偷视频
查看控制台输出；开发过程中，逻辑相关的部分，请多使用 console.log() 调试
无须拼接
console.log('a', a, 'b', b, 'c', c );
console.log({ a, b, c });
测试代码运行时间
console.time('timer')
for (let i = 0; i < 1000; i++) {
//不要嵌套使用console，会导致计时增加
}
console.timeEnd('timer')
清屏
console.clear()
网络情况，各种资源图片、样式文件等加载情况
1. stop recording：停止网络追踪
2. clear：清空记录
3. preserve log：保留记录，适合页面跳转时查看
4. no Throttling：不限流；可以调整网络带宽以便查看数据加载情况，如 fast 3G、slow 3G、offline
5. more：更多网络设置，如切换不同的浏览器以便查看UI效果
1. Local Storage
2. Session
3. Cookie
Security
偷音频
