1. 允許重復聲明 let 和 class
在更新版本之前饼疙，我們在谷歌瀏覽器上使用let或class對變量進行二次聲明睛藻，會出現(xiàn)錯誤信息。如下：
let i = "jia"
let i = "reng"
// 報錯
// Uncaught SyntaxError: Identifier 'i' has aready been declared
復制代碼
導航條 => 更多圖標 => Settings => About Chrome => Update
升級后氢架，重復聲明不會報錯苍匆，解決了在一個控制面板里面console調(diào)試中不能覆蓋同一個變量的煩惱。
2. 過濾請求
網(wǎng)頁請求服務器函荣，有時候發(fā)起的請求太多显押，我們想知道哪些請求返回阻塞了扳肛。我們可以對請求的網(wǎng)絡進行過濾，來定位問題乘碑。
控制面板 => Network => filter圖標 => is:running => 刷新監(jiān)控的頁面
3. 展開所有的子節(jié)點
在進行DOM節(jié)點元素調(diào)試的時候挖息，我們需要對每個節(jié)點進行展開查看，如果只是逐個點擊目標元素下面的子元素展開兽肤，耗費時間套腹。可以嘗試下面的快捷操作～
控制面板 => Elements => 按option + 點擊要展開的元素圖標
4. 滾動元素到視圖
在調(diào)試DOM元素的時候资铡，我們已經(jīng)聚焦到相關的DOM結構上了电禀，但是對應的元素并沒有在可視窗口上展示，那么我們可以將其快速滾動到可視窗口笤休。
控制面板 => Elements => 右擊選中的DOM節(jié)點 => Scroll into view
5. 預設設備
在進行調(diào)試的時候尖飞，我們手頭上沒有那么多設備。特別是開發(fā)移動端的猿兒店雅，在沒有充足調(diào)試機的情況下葫松，我們就靠調(diào)試工具進行模擬。那么底洗，除了谷歌瀏覽器默認設備的幾個值，比如iPhone X, iPad咕娄。我們還可以自定義自己需要的設備亥揖。
控制面板 => setting圖標 => Devices => Add custom device...
我們添加一個一個尺寸為300 * 800且DPR為3的設備。
之后圣勒，在調(diào)試設備的時候费变，我們可以選擇預設設備進行預覽～
6. 預設網(wǎng)絡狀況
我們不能把控用戶使用我們產(chǎn)品的網(wǎng)絡下載速度，所以我們得模擬不同網(wǎng)速下面的產(chǎn)品表現(xiàn)情況圣贸，以檢查我們對產(chǎn)品的優(yōu)化是否符合預期效果挚歧。同理，我們也可以自定義網(wǎng)絡的狀況吁峻，一般情況下默認是online滑负。
控制面板 => setting圖標 => Throttling => Add custom profile...
7. 捕獲快照
communication省心省力的原則之一是：圖文并茂地溝通。在跟上下流的人員進行溝通的時候用含，推敲產(chǎn)品的途中矮慕，少不了對一個產(chǎn)品的截圖。作為一個開發(fā)者啄骇，你還在使用截圖工具或聊天工具進行操作痴鳄？我們有更加方便的方案～
7.1 捕獲全屏快照
控制面板 => command + shift + p => capture full size screenshot
下面是截取自己掘金個人資料頁面的圖片。在進入個人資料頁面后缸夹，設置成移動設備調(diào)試痪寻，之后在控制臺上按照上面的步驟執(zhí)行capture full size screenshot螺句，即可生成完整的個人資料頁面圖片。
7.2 捕獲局部快照
控制面板 => 審查元素 => command + shift + p => capture node screenshot
我選擇掘金個人資料的頭像部分進行截取示范～
8. 快速清空站點緩存
有時候開發(fā)調(diào)試橡类，我們需要清空緩存信息蛇尚。與其手動一個個信息清空，還不如一步到位猫态，直接清空這個站點的信息
控制面板 => command + shift + p => clear site data
9. 更改調(diào)試面板主題
在開發(fā)調(diào)試中佣蓉，默認主題難免讓眼睛審美疲勞。而且亲雪，作為一個開發(fā)者勇凭，要高冷，高冷义辕，高冷...暗黑色調(diào)妥妥的虾标。通過下面的操作，你可以選擇適合自己的風格灌砖。
控制面板 => setting設置圖標 => Preferences => Appearance => Theme
