Chrome DevTools技巧

使用console.table来打印多条目数据 [1,2,4]

ctrl+f 搜索

Scroll Into View 滚动如视图内

watch监听变量

Copy As Fetch 复制请求

阻塞请求 Blockrequest domain

缓存上一步操作的结果 $
$记录了最后一次在Console计算的表达式。

手动给元素添加一个点击事件监听 monitorEvents($0,’click’)

拖动页面元素

css查看hover样式等等
鼠标悬浮高亮显示所有应用的元素
键盘上下键可以直接调节数值
CSS阴影图形化编写
properties快速查看选中元素的信息

network 网速限制，类型筛选

截屏 CTRL + SHIFT + P
Capture node screenshot
截取完整页面的操作 Capture full size screenshot
当前视图内 Capture screenshot

debbuger vue
devtool: ‘#cheap-module-eval-source-map’,
devtool: ‘#eval-source-map ‘,