<menu id="ycqsw"></menu><nav id="ycqsw"><code id="ycqsw"></code></nav>
<dd id="ycqsw"><menu id="ycqsw"></menu></dd>
  • <nav id="ycqsw"></nav>
    <menu id="ycqsw"><strong id="ycqsw"></strong></menu>
    <xmp id="ycqsw"><nav id="ycqsw"></nav>
  • js代碼調試工具有哪些(chrome斷點調試js教程)


    console.table展示數據

    在控制臺上展示數組或對象,使用console.table比console.log更加直觀明了。

    // 在控制臺上運行
    console.table([
      { firstName: 'John', lastName: 'Doe', age: 2 },
      { firstName: 'William', lastName: 'Shakespeare', age: 3 }
    ])
    

    展示為一個table表,友好很多:

    當然,你還可以指定展示哪些列~

    // 在控制臺上運行
    console.table([
      { firstName: 'John', lastName: 'Doe', age: 2 },
      { firstName: 'William', lastName: 'Shakespeare', age: 3 }
    ], ['firstName', 'lastName'])
    

    上面指定展示firstName和lastName這兩列,當然,(index) 是默認有的。

    注意?:語法 console.table(data [, columns]);

    copy復制數據

    如果你使用谷歌瀏覽器并需要復制控制臺輸出的數據。你可以使用copy()命令行,而不是手動高亮選擇對應代碼進行復制。

    const data = [2, 3, 4];
    copy(data);
    

    執行上面的代碼,會將data數據值復制到你的粘貼板上。你可以在任意文檔中進行粘貼。

    注意?:copy命令僅在谷歌瀏覽器控制臺上生效,并且在node.js環境中無效。

    對了,在這里說一下,我目前是在職web前端開發,如果你現在正在學習前端,了解前端,渴望成為一名合格的web前端開發工程師,在入門學習前端的過程當中有遇見任何關于學習方法,學習路線,學習效率等方面的問題,都可以隨時關注并私信我:前端,我都會根據大家的問題給出針對性的建議,缺乏基礎入門的視頻教程也可以直接來找我,我這邊有最新的web前端基礎精講視頻教程, 還有我做web前端技術這段時間整理的一些學習手冊,面試題,開發工具,PDF文檔書籍教程,都可以直接分享給大家。

    JavaScript兩個快速調試的技巧

    版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。

    發表評論

    登錄后才能評論
    国产精品区一区二区免费