DevTools 自带功能强大的命令行功能，本章主要收集常用的命令行以及一些好用的命令行，欢迎留言补充，持续更新。
使用
打开控制台后，同时按下 Ctrl+Shift+P 则会打开命令行
打开控制台后，同时按下 Ctrl+P 则会打开文件资源查找
输入箭头会自动变成命令行模式，Delete箭头会变成文件搜索
常用
清除网站数据
输入Clear site data，删除网站缓存数据
传感器
输入Sensors，然后选择Show Sensors
支持修改设备地理位置、移动设备方向
Network
输入Network，然后选择Show Network 展示Network panel
输入Network，然后选择Show Network conditions 展示Network 配置
可以设置网页 User agent、限制网速等
Conosle
输入 Show timestamps/Hide timestamps 可以为打印结果加上时间戳
隐藏时间戳
展示时间戳
Css overview
输入 css overview 可以显示页面样式预览面板
单击 capture overview(捕获概述) 按钮以生成页面的 CSS 概述报告。
生成页面的 CSS 概述报告
概述报告5个部分组成：
- Overview summary 页面概览摘要
- Colors 页面使用的颜色，同时列举对比度信息
- Font info 页面使用的字体信息
- Unused declarations 无效的样式声明
- Media queries 媒体查询，按出现次数排序
点击可查看对应节点
技巧
屏幕截图
输入Screen，展示四种screenshot 截图方式
- Capture area screenshot：截取某个区域（需要选择某个标签）
- Capture full size screenshot：截取整个网页
- Capture node screenshot：截取某个标签节点
- Capture screenshot：截取当前可视区域
强制打印预览
输入rendering，选择show rendering，然后按Enter。
在Emulate CSS media下选择print。
参考1
参考2
[参考3](www.jianshu.com/p/e366183e0…)
