-
測試js代碼運行時間:console.time("test"); …………js代碼塊;console.timeEnd("test");
查看全部 -
占位符 %d整數 %f浮點數 %s字符串 %o對象
查看全部 -
console.log
查看全部 -
console.log('%d年%d月%d日',2017,9,11);查看全部
-
1、點擊所有可以點擊的地方; 2、點擊鼠標右鍵; 3、嘗試所有下拉菜單; 4、使用主菜單,有擴展。查看全部
-
跟蹤函數調用情況: console.trace() 可以用“概況”收集簡單的性能信息。查看全部
-
顯示對象的屬性和方法: console.dir(...) 顯示代碼運行時間: console.time(...)和console.timeEnd(...)查看全部
-
在控制臺分組輸出: console.group(...)和console.groupEnd()中間的輸出表示一組。查看全部
-
占位符: %d:整數 %f:浮點數 %s:字符串 %o:對象查看全部
-
在控制臺單個輸出: console.log(...):值 console.info(...):信息 console.debug(...):調試信息 console.warn(...):警告信息 console.error(...):錯誤信息查看全部
-
對于數值: 按住上下鍵調整,每次1個單位; 按住Ctrl+上下鍵調整,每次0.1個單位; 按住Shift+上下鍵調整,每次10個單位;查看全部
-
控制臺:JS命令行操作、顯示JS錯誤信息、提示信息、日志信息,右側可寫自己的JS命令。 HTML:顯示頁面的HTML源碼。 CSS:編輯頁面的CSS源碼。 腳本:顯示頁面腳本和調試。 DOM:顯示頁面對象和DOM屬性。 網絡:顯示頁面下載和花費時間。 Cookies:查看和修改頁面請求的Cookies。查看全部
-
Firebug下載:http://www.getfirebug.com?;鸷梢酝ㄟ^插件站點下載Firebug,其他瀏覽器可以用Firebug Lite(lite版本功能較弱)。 打開和關閉控制臺:F12本頁打開,Ctrl+F12新窗口打開。查看全部
-
不同瀏覽器開發工具的特色 FireFox:響應式模式設計,可以選擇不同的手機分辨率,可以截圖,模擬觸摸事件。 Chrome:可以看到更多的性能信息,更多的資源信息,還有一些時間線的信息。 firefox:web控制臺(有響應式模式設計,firebug沒有);chrome:控制臺(更多的性能信息,更多的資源信息,時間線信息);。。。最好的方式,是各種資源結合,使用它們最擅長最優秀的功能來助力web開發查看全部
-
進階提示 1)不要放過所有可以點擊的地方 2)不斷地點擊右鍵,收獲驚喜 3)通過點擊下拉菜單,發現有趣的功能 4)小甲蟲所在的主菜單,擴展就在里面 小甲蟲菜單-擴展、幫助、文檔等 firebug也可以像chrome那樣顯示元素的狀態信息,比如:hover,他藏在樣式的下拉菜單里面查看全部
舉報
0/150
提交
取消