1.2調試工具-頁面制作

調試工具

Chrome 調試工具面板

  • Elements
    調試html、css
  • Networks
    查看網站的請求，與后端調試接口時需要用到
  • Sources
    可以查看網站的內容，CSS和JS，可以通過斷點調試js
  • Console
    類似一個命令行的工具，可以直接寫js代碼運行
  • Resources
    可以查看網站的本地資源
  • Timeline、Profiles、Audits
    調試頁面的性能

IE調試工具

  • IE8+
    IE8以上的版本，自帶調試工具
  • IE6
    IEtester、Internet Explorer Developer Toolbar

瀏覽器調試文檔

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 在做前端開發時，我們需要用到一些調試工具用來調試我們的HTML、CSS或者JS代碼，俗話說預先善其事必先利其器，這...
    Rella7閱讀 24,068評論 0贊 15
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1贊 92
  • 前些日子從@張鑫旭微博處得一份推薦(Front-end-tutorial)，號稱最全的資源教程－前端涉及的所有知識...
    谷子多閱讀 4,277評論 0贊 44
  • 三年 喧囂有時 沉睡有時 每一刻愛都在心底呼喊 其實 有些感情就算放在心里 也不代表毫無意義 其實我們的緣分可以來...
    印佐閱讀 178評論 0贊 0
  • 你總說要努力卻只看見 在玩耍 上午開庭 極其復雜的股權收益權轉讓的信托案件 涉及眾多當事人 感覺開庭是一件很有意思...
    戴可愛閱讀 233評論 0贊 0