-
JS代碼的調(diào)試: 腳本:可查看JS代碼,對其設(shè)置斷點(diǎn)(點(diǎn)擊左側(cè)行號(hào)即可) 方法:單步進(jìn)入、單步退出、單步跳過、繼續(xù) 執(zhí)行到斷點(diǎn)處,切換到監(jiān)控欄,可改變斷點(diǎn)中相應(yīng)的變量 函數(shù)如何被調(diào)用:在代碼處寫入 console.trace();//console.trace 概況欄:可進(jìn)行簡單的性能分析 console.log("%d年%d月%日",2015,3,30); console.group("第一組"); console.log("101"); console.group("第二組"); console.log("101"); console.time("test"); 運(yùn)行 console.timeEnd("test"); 會(huì)輸出運(yùn)行時(shí)間 1、查看JS代碼,設(shè)置斷點(diǎn)(點(diǎn)擊左側(cè)行號(hào)即可) 2、調(diào)試js功能代碼 F8:繼續(xù) F10:單步跳過 F11:單步進(jìn)入 Shift+F11:單步退出 3、console.trace()可以知道函數(shù)如何被調(diào)用 點(diǎn)擊概況 等待頁面執(zhí)行完畢 再次點(diǎn)擊概況,就會(huì)…… 顯示函數(shù)被調(diào)用時(shí)的一些參數(shù)信息查看全部
-
javascript控制臺(tái)的檢索。 sonsole.log()在控制臺(tái)輸出。console.info()/debug()/warn()/error() //信息/調(diào)試/警告/錯(cuò)誤 console.group()、console.groupEnd() //輸出信息分組 console.dir() //顯示所有對象的屬性和方法 console.time()/console.timeEnd() //時(shí)間跟蹤,記錄代碼運(yùn)行時(shí)間 console.time(); console.timeEnd();<br> console.group()<br> %d - 數(shù)字,%f - 浮點(diǎn)數(shù),%s - 字符串,%o - 對象 console.info()/debug()/warn()/error() //信息/調(diào)試/警告/錯(cuò)誤<br> console.group()、console.groupEnd() //輸出信息分組<br> console.dir() //顯示所有對象的屬性和方法<br> console.time()/console.timeEnd() //時(shí)間跟蹤,記錄代碼運(yùn)行時(shí)間查看全部
-
FireBug調(diào)試器中“網(wǎng)絡(luò)”控制面板的XHR: 對 html http request 的監(jiān)聽 通常所說的ajax監(jiān)聽 可以監(jiān)聽服務(wù)端響應(yīng)的服務(wù)請求 XHR:監(jiān)聽ajax請求(如搜索提示)當(dāng)服務(wù)器發(fā)送post或get請求時(shí),它會(huì)監(jiān)聽這些請求,并在下面羅列出來,其中的參數(shù)就是我們請求的url或者post中的一些名字和字符;頭信息是我們請求和回應(yīng)的頭信息;響應(yīng)是實(shí)際中從服務(wù)器接收到的信息查看全部
-
網(wǎng)絡(luò)功能: 1、分類別的查看下載文件和http請求 2、可以查看http請示的詳細(xì)信息,是否成功、是否緩存、請求參數(shù)、響應(yīng)的結(jié)果等 3、緩存狀態(tài)304查看全部
-
可用上下方向鍵進(jìn)行微調(diào)字體, - 按住上下方向鍵,每次以1個(gè)單位調(diào)整。 - 按住Ctrl+上下方向鍵,每次以0.1個(gè)單位調(diào)整。 - 按照Shift+上下方向鍵 ,每次以10個(gè)單位調(diào)整。 右側(cè)超鏈接,直接進(jìn)入頁面源代碼修改查看全部
-
1.快速定位網(wǎng)頁元素:ctrl+shift+c 或 “小甲蟲”旁邊的屏幕箭頭 2.快捷鍵設(shè)置:“小甲蟲”下拉選項(xiàng)中的“自定義快捷鍵” 3.在HTML上上有若干節(jié)點(diǎn),點(diǎn)擊即可定位到相應(yīng)節(jié)點(diǎn)查看全部
-
FireBug窗口功能: 控制臺(tái):JavaScript命令行操作、顯示JS錯(cuò)誤信息、提示信息、日志信息,右側(cè)可寫自己的JS命令。 HTML:顯示頁面的HTML源碼。 CSS:編輯頁面的CSS源碼。 腳本:顯示頁面腳本和調(diào)試。 DOM:顯示頁面對象和DOM屬性。 網(wǎng)絡(luò):顯示頁面下載和花費(fèi)時(shí)間。 Cookies:顯示頁面請求的Cookies,及查看和修改。 標(biāo)簽可以通過點(diǎn)擊其下拉菜單控制設(shè)置為‘啟用’或者‘停用’。 小甲蟲可以設(shè)置顯示或者不顯示某些標(biāo)簽。 標(biāo)簽欄左側(cè)的搜索框可以進(jìn)行相應(yīng)的搜索。查看全部
-
(1)在線代碼測試工具:http://www.lvyestudy.com/tools/run_code.aspx; (2)在線調(diào)色板:http://www.lvyestudy.com/tools/color_picker.aspx; (3)CSS3圓角生成器:http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
Firebug插件下載網(wǎng)址:http://www.getfirebug.com 在firefox瀏覽器中用F12打開,Ctrl+F12新窗口打開 適用于火狐的firebug,適用于其他瀏覽器的firebug lite查看全部
-
ctrl+上下 微調(diào)0.1 shift+上下 粗調(diào)10 上下1查看全部
-
ctrl+shift+c快速定位頁面元素查看全部
-
日志分組查看全部
-
日志站位符號(hào)查看全部
-
控制臺(tái)輸出查看全部
-
edd查看全部
舉報(bào)
0/150
提交
取消