0%

chrome developer tool tips

Posted on

  • Command + Shift + P (Mac) 执行命令 screenshot ，选择 Capture full size screenshot 截取长页面

  • Capture node screenshot 只截取 选中的 elements 节点

  • elements 右键

  • document.designMode = ‘on’ 然后可直接编辑页面

  • coverage 检查 js css

  • 时间

1
2
3
4
5
console.time('users');
axios.get('https://randomuser.me/api/?page=1&results=20')
    .then(response => {
        console.timeEnd('users');
});

  • Command + Option + F (Mac) 搜索

  • $ shortcuts

    $() as an alias for document.querySelector()
    $$() as an alias for document.querySelectorAll()
    $0 to $4 for from the last to fifth selected element in DOM inspector
    $_ for the value of last executed operation