1. 程式人生 > >Web開發(除錯方法 F12)

Web開發(除錯方法 F12)

1、相關快捷操作

  1. F12進入除錯介面。
  2. 除錯介面console中,快捷鍵:ctrl+r為清屏操作。
  3. 點選除錯介面左上角的箭頭,可以讓滑鼠定位找到網頁中各個元件在HTML原始碼中的位置。
  4. 使用左上角箭頭找到需求元件在HTML原始碼中的位置後,在console中輸入$0即代表所選中的元件。
  5. 在console中輸入$("#id"),然後回車,可以看到當前元件的所有屬性,以及展開在__proto__找到相應屬性的配置方法。