chrome開發(fā)者控制臺小技巧(個人向總結)

  1. 元素選擇器($)
$ // 相當于 document.querySelector 。  
$$ // 相當于 document.querySelectorAll 。  
$_ // 返回上一個表達式的值  
$0-$4 // 返回最近5個Elements面板選中的DOM元素。  
dir //  console.dir  
  1. 讓chrome變成編輯器
    document.body.contentEditable=true
  2. 在源代碼中搜索
    快捷鍵是Ctrl + Shift + F (Cmd + Opt + F),支持正則表達式
  3. 代碼格式化
    有時在控制臺的Sources查看文件,會看到壓縮代碼,點擊左下角中括號自動轉換格式。
  4. 改變顏色格式
    在顏色預覽功能使用快捷鍵Shift + Click,可以在rgba、hsl和hexadecimal來回切換顏色的格式
  5. 斷點調試
    在sources里要調試的地方添加 debugger或者單擊代碼左側,即可將代碼執(zhí)行在此處凍結
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容