美文网首页
2019-04-15

2019-04-15

作者: 嗯哼_2982 | 来源:发表于2019-04-19 19:56 被阅读0次

    小白入门

    谷歌浏览器调试技巧篇

    1 键盘最左上角按Esc可以实现console再弹出

    ESC

    2 在选中元素的情况下按f2可直接编辑代码,进而调试

    3 在选中元素的情况下按H可直接选中隐藏内容

    3 当在元素中你不知道选中的元素在页面的位置 按右键选择scroll into view直接反向找到页面中高元素的位置

    4 console常用的方法

    console.dir(console)

    .1  console.log({元素}) 可直接展示成键值对的形式

    var arr=[3,4];console.log({a,b})

    =>{a: 3, b: 4}

    .2 table可实现表格展示

    console.table()

    .3 time和timeEnd可打印出运行的时间

    4 monitorEvents可以在打印出程序的先后执行顺序

    如百度搜索框,需找到搜索框元素再monitorEvents

    monitorEvents

    5 $0,可直接打印出当前选择的元素

    相关文章

      网友评论

          本文标题:2019-04-15

          本文链接:https://www.haomeiwen.com/subject/wveuwqtx.html