-
firebug功能簡介查看全部
-
不同瀏覽器開發(fā)工具的特色 FireFox:響應(yīng)式模式設(shè)計,可以選擇不同的手機分辨率,可以截圖,模擬觸摸事件。 Chrome:可以看到更多的性能信息,更多的資源信息,還有一些時間線的信息。 firefox:web控制臺(有響應(yīng)式模式設(shè)計,firebug沒有);chrome:控制臺(更多的性能信息,更多的資源信息,時間線信息);。。。最好的方式,是各種資源結(jié)合,使用它們最擅長最優(yōu)秀的功能來助力web開發(fā)。查看全部
-
進階提示 1)不要放過所有可以點擊的地方 2)不斷地點擊右鍵,收獲驚喜 3)通過點擊下拉菜單,發(fā)現(xiàn)有趣的功能 4)小甲蟲所在的主菜單,擴展就在里面 小甲蟲菜單-擴展、幫助、文檔等 firebug也可以像chrome那樣顯示元素的狀態(tài)信息,比如:hover,他藏在樣式的下拉菜單里面 有幾個非常不錯的前端開發(fā)在線工具,分享給一起學(xué)習(xí)的小伙伴們,別忘了收藏,很實用。 (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查看全部
-
毒龍 JS代碼的調(diào)試:<br> 腳本:可查看JS代碼,對其設(shè)置斷點(點擊左側(cè)行號即可)<br> 方法:單步進入、單步退出、單步跳過、繼續(xù)<br> 執(zhí)行到斷點處,切換到監(jiān)控欄,可改變斷點中相應(yīng)的變量<br> 函數(shù)如何被調(diào)用:在代碼處寫入 console.trace();<br>//console.trace 概況欄:可進行簡單的性能分析 console.log("%d年%d月%日",2015,3,30); console.group("第一組"); console.log("101"); console.group("第二組"); console.log("101"); console.time("test"); 運行 console.timeEnd("test"); 會輸出運行時間 1、查看JS代碼,設(shè)置斷點(點擊左側(cè)行號即可) 2、調(diào)試js功能代碼 F8:繼續(xù) F10:單步跳過 F11:單步進入 Shift+F11:單步退出 3、console.trace()可以知道函數(shù)如何被調(diào)用 點擊概況 等待頁面執(zhí)行完畢 再次點擊概況,就會…… 顯示函數(shù)被調(diào)用時的一些參數(shù)信息 console.trace可以跟蹤函數(shù)的調(diào)用情況,點擊概況,可以查看性能,每個函數(shù)調(diào)用次數(shù)和每次調(diào)用花費的時間查看全部
-
http://www.jb51.net/article/56504.htm console.dir();顯示對象的所有方法。 控制臺日志和信息分組console.group;console.log().... console.groupEnd(); 在代碼中向控制臺輸入一下代碼,可以獲得從控制臺輸出的相關(guān)信息。 console.log(); console.info(); console.debug(); console.warn(); console.error(); 4種占位符:%d %f %s %o;查看全部
-
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請求時,它會監(jiān)聽這些請求,并在下面羅列出來,其中的參數(shù)就是我們請求的url或者post中的一些名字和字符;頭信息是我們請求和回應(yīng)的頭信息;響應(yīng)是實際中從服務(wù)器接收到的信息 AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML),是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。查看全部
-
1、分類別的查看下載文件和http請求 2、可以查看http請示的詳細(xì)信息,是否成功、是否緩存、請求參數(shù)、響應(yīng)的結(jié)果等 3、緩存狀態(tài)304 4、在調(diào)節(jié)寬度和高度這些數(shù)字值是可以使用鍵盤上下鍵來增加或者是減少,同時也可以通過shift+上下鍵 表示每按一下增加減少10 ctrl+上下鍵 表示每按一下增加減少0.1查看全部
-
可用方向鍵進行微調(diào)字體, - 按住方向鍵,每次以1個單位調(diào)整。 - 按住Ctrl+方向鍵,每次以0.1個單位調(diào)整。 - 按照Shift+方向鍵 ,每次以10個單位調(diào)整。 右側(cè)超鏈接,直接進入頁面源代碼修改查看全部
-
1.快速定位網(wǎng)頁元素:ctrl+shift+c 或 “小甲蟲”旁邊的屏幕箭頭 2.快捷鍵設(shè)置:“小甲蟲”下拉選項中的“自定義快捷鍵” 3.在HTML上上有若干節(jié)點,點擊即可定位到相應(yīng)節(jié)點查看全部
-
Firebug插件下載網(wǎng)址:http://www.getfirebug.com 在firefox瀏覽器中用F12打開,Ctrl+F12新窗口打開 適用于火狐的firebug,適用于其他瀏覽器的firebug lite查看全部
-
console.info()/debug()/warn()/error() //信息/調(diào)試/警告/錯誤 console.group()、console.groupEnd() //輸出信息分組查看全部
-
(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查看全部
-
看完了,收獲很多,以前不懂的東西,以前模糊的東西,今天都明了啦,老師講的真心不錯,接下來就是多用的時候了。感謝感謝查看全部
-
jintiantianqihaibucuo,jiayou查看全部
-
firebug安裝使用結(jié)合各個瀏覽器,查看全部
舉報
0/150
提交
取消