chrome斷點調試js教程「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兩個快速調試的技巧

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/274472.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-17 14:13
下一篇 2024-12-17 14:13

相關推薦

發表回復

登錄後才能評論