顧名思義chrome開發工具就是乙個工具，它允許web開發人員可以通過瀏覽器應用程式干預和操作web頁面，也可以通過這個工具除錯和測試web頁面或web應用程式。有了這個工具，你可以做很多有趣的事情：
開啟開發者工具，你只需要在頁面的任意位置右擊滑鼠，選擇檢查元素或從右上角選單中選擇「工具》更多工具》開發者工具「。
下面示例演示的都是在google chrome的canary瀏覽器下做的演示。
試一試：
當你完成之後會自動更新和關閉標籤
你可以在「sources」面板中選擇指定的檔案中使用「:行數:列數」的功能。試試快捷鍵cmd + o。
試一試：
試一試快捷鍵：cmd + shift + d。設定開發者工具有三個選項：
試一試快捷鍵：cmd + f / ctrl + f和輸入你需要的類名或id名，可以搜尋到相應的選擇器。
你可以點選顏色**前面的小圖示，你可以選擇：
material design:這個面板可以從material design面板中自動生成顏色
移動游標按住cmd + 點選可以新增多個游標，你也可以使用cmd + u撤銷你選擇的最後乙個游標。
選擇乙個dom節點：
如果你可擊乙個工具欄，你可以在原始碼中找到它對應的位置。
film strip」顯示頁面從開始到結束渲染的截圖。你可以點選截圖和在timeline-style中檢視檢視。
你可以在網路資源中複製」response/request」頭。
你可以模擬移動裝置感測器：
你可以這樣操作：
更專業的使用chrome開發者工具
如你所想chrome devtools 是乙個允許web開發人員通過瀏覽器干擾和操控web 應用，有了這個工具，您可以 開啟devtools 你可以在頁面任意位置單擊滑鼠右鍵，選擇檢查元素，或則從右上角的選單選擇 更多工具 開發者工具 下面例項使用的是chrome canary 版本 方法當你編輯完...
如何使自己更專業
想了半天，還是決定用這個標題 如何使自己更專業，這個 自己 可以指你也可以是我，這個感覺很好。那麼，我們從 開始呢。為什麼想寫這個題目呢，關於這個方面，突然感覺自己有很多的話想說，也想給那些職場中的新人一些建議，如果你從未意識到專業在你的職業生涯中有多重要，很好，這就是我寫這篇文章的目的。專業，pr...
如何更專業的 重灌系統？
使用u盤裝系統的人越來越多,經常看到一些小白,用自製的一鍵u盤裝機工具,興沖沖地玩壞了作業系統,掙扎無果後,老老實實的 給修電腦的交學費 大多數折騰失敗,80 的情況都是 開機引導 和 硬碟分割槽 格式出了問題 uefi與legacy bios 分割槽型別 分割槽數量 硬碟分割槽最大容量 gpt理論...