chrome調試技巧--持續更新

一、開始調試:右鍵審查元素調試

二、按鈕功能:事件

  • 調出控制檯;
  • 切換開發環境全屏仍是嵌入;
  • 清空當前顯示;
  • {} 將壓縮 js 文件格式化縮進規整的文件;

三、經常使用頁面功能:開發

  • 查看、編輯(雙擊)HTML;
  • 查看選中代碼的代碼嵌套路徑;
  • 查看、編輯當前選中代碼所用的CSS代碼;
  • 查看選中元素的盒模型;
  • 監聽事件;
  • 查看屬性,比手冊還方便;

4.選擇顏色選擇器會出現一個顏色抓取放大鏡,獲取顏色的值開發環境

相關文章
相關標籤/搜索