-
打開最近關閉的狀態：Ctrl+shift+I
快速查看DOM或樣式：Ctrl+shift+C
快速進入Console查看log運行JavaScript：Ctrl+shift+J
F12打開
查看全部 -
目標人群
· Web/前端研發工程師、頁面重構/設計師、產品經理以及對頁面開發調試有興趣的同學等
· 基礎要求：了解初級前端基礎知識即可，如HTML、CSS及JavaScript的基本語法
課程收益
· 掌握Web調試方法調試DOM和樣式，斷點調試JavaScript等基礎前端工程開發的能力。
· 能夠全面掌握使用Chrome DevTools進行Web前端開發及H5移動端開發能力，提升開發效率。
· Web性能優化方法，及結合Fiddler工具，及React、Vue等現代化框架調試的能力。
查看全部 -
查看單一請求和分析網頁性能
查看全部 -
編輯
查看全部 -
dom:文檔對象模型
查看全部 -
斷點 : 在Sources中點擊行數符號可以打斷點。
查看全部 -
let?script?=?document.createElement('script'); script.src="https://code.jquery.com/jquery-3.2.1.min.js"; script.integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="; script.crossorigin="anonymous"; document.head.appendChild(script);以上為引入jQuery的代碼，大家一起學習
經過多次嘗試，確認以上代碼會報錯CORS，修改一下
let?script?=?document.createElement('script'); script.src="https://code.jquery.com/jquery-3.2.1.min.js"; document.head.appendChild(script);查看全部 -
頂頂頂頂頂頂頂頂對對對對對對
搜索
復制
查看全部 -
可以在控制面版寫方法，比如寫斐波那契數列；直接在控制臺調用
查看全部 -
4-1；如果不想讓他執行，按住shift加回車，就不會執行，而是換行；直接回車就是執行；查看全部 -
這是console的主要功能
查看全部 -
可以看下animate.css動畫官網，可以設置不同css
查看全部 -
-3-3
點擊最右上方，三個點就是可以設置控制臺單獨展示還是右下角展示。然后點擊more tools,然后點擊Animations
查看全部 -
3-3? 這個動畫效果是點擊最上面的三個點，有個run tool
查看全部 -
3-3 快速調試css數值及顏色圖形動畫等，右側的三個點，我還真的從來沒用過
查看全部 -
看到右上角的cls沒，在add new class中可以直接給元素新增加一個類名。同時也能在下面的style中加類名，設置屬性。3-2 在元素中動態添加類和偽類
查看全部 -
看到那個小光標沒，正在輸入color，這個地方自己之前從來沒有用過，這個可以用來過濾屬性課程屬于3-1? 查看與編輯css
查看全部
舉報