前言f12之console
就是位於elemnets右邊的，開啟後你會發現什麼都沒有
我們試著進入到友鏈頁面，發現console面板出現了一些警告。這是因為在https網域名稱下使用http的資源引起的警告。
為了更好的示範，我們這裡新建乙個html檔案，**如下
我們可以看出js的console.log方法可以在console面板輸出內容
這裡我們嘗試書寫錯誤的語法，console面板會報錯，顯示錯誤資訊以及錯誤所在的行號
我們還可以直接在console面板直接編寫我們的js**。
f12之sources
通過這個面板我們可以管理**是否有用到其他**的資源
未完待續……continued……
希望這篇文章能給你帶來知識和樂趣
Chrome 開發者工具 F12（一）
開發者工具對開發人員 除錯有很大的幫助。頁面 css js 除錯，介面除錯，效能調優等等。so，筆者決定用自己的方式記錄一下工作中用到的 f12 工具的種種，方便查閱。一 怎麼開啟開發者工具 兩種方式開啟下圖紅框中的內容 1 ctrl shift i 2 f12 或者 fn f12 二 f12 可以...
chrome瀏覽器 F12開發者工具簡單使用
chrome開發者工具最常用的四個功能模組 元素 elements 控制台 console 源 sources 網路 network 那我就按照從左到右的順序來寫啦 也可以是一些指定條件 指定條件有哪些？domain 資源所在的域，即url中的網域名稱部分。如 domain api.github.c...
Chrome瀏覽器F12開發者工具簡單使用
chrome開發者工具最常用的四個功能模組 元素 elements 控制台 console 源 sources 網路 network 那我就按照從左到右的順序來寫啦 也可以是一些指定條件 指定條件有哪些？domain 資源所在的域，即url中的網域名稱部分。如 domain api.github.c...