前言
今天早上 Chrome 更新到 73 版本，其中 Logpoints 對(duì)于常用 console.log 的開發(fā)者來(lái)說(shuō)意系，有較大的便捷性泥耀。
版本說(shuō)明
本篇文章提到的 Chrome 73 的版本為： 73.0.3683.75（正式版本） （32 位）。
什么是 Logpoints
簡(jiǎn)單來(lái)說(shuō)蛔添， Logpoints 是使用類似斷點(diǎn)的方式卷员，來(lái)實(shí)現(xiàn)控制臺(tái)的輸出。
Logpoints 的優(yōu)勢(shì)
- 減少調(diào)試代碼姨夹，提高代碼的整潔性吴旋。
- 直接在 面板 添加 控制臺(tái)輸出，調(diào)試更加方便凶硅。
- 線上的網(wǎng)站也可以直接添加 控制臺(tái)輸出缝裁。
Logpoints 如何使用
- 在
Sources面板找到需要添加 控制臺(tái)輸出 的代碼，這里我列舉輸出img常量足绅；
image.png
- 右擊當(dāng)前代碼的行數(shù)捷绑，在菜單中選擇
Add logpoint...;
image.png
- 在彈出的輸入框中，輸入 輸出信息 然后回車氢妈，這里我輸出
img常量粹污；
image.png
- 刷新頁(yè)面，就可以在控制臺(tái)看到輸出信息了首量。
image.png
總結(jié)
個(gè)人感覺(jué) chrome 73 中的 Logpoints 對(duì)于調(diào)試來(lái)說(shuō)有兩點(diǎn)很方便：
- 避免了在代碼中添加
console.log壮吩，然后返回瀏覽器刷新頁(yè)面，最后又返回編輯器刪除console.log這個(gè)復(fù)雜步驟加缘。 - 查看線上的網(wǎng)站時(shí)鸭叙，也可以通過(guò)
Logpoints來(lái)輸出信息，方便調(diào)試代碼的運(yùn)行情況生百。
