軟件工程師-25個(gè)瀏覽器開(kāi)發(fā)工具的小秘密-資料下載頁(yè)
2025-06-30 11:35本頁(yè)面
【正文】 ，還允許你往前或往后查看每個(gè)版本的變化。你修改過(guò)的文件名旁邊會(huì)出現(xiàn)一個(gè)箭頭圖標(biāo)，表示它可以展開(kāi)/收起以查看修改過(guò)的版本列表。在Chrome中，右鍵點(diǎn)擊文件名可以選擇保存這個(gè)文件。不過(guò)在Safari中你只能悲劇地復(fù)制和粘貼了。Cookie和存儲(chǔ)Chrome，Opera, Safari–資源選項(xiàng)卡下半部分的資源列表表示了各種不同的數(shù)據(jù)存儲(chǔ)選項(xiàng)。Opera有一個(gè)單獨(dú)的存儲(chǔ)選項(xiàng)卡。網(wǎng)絡(luò)選項(xiàng)卡網(wǎng)絡(luò)(Network)選項(xiàng)卡顯示你頁(yè)面加載的所有文件資源。大多數(shù)情況，你打開(kāi)它之后，要刷新一下頁(yè)面才能顯示出你想看的信息。在Firebug中，選項(xiàng)卡的名稱是“Net”。對(duì)于IE，直到版本9以后才有它。禁用瀏覽器緩存所有瀏覽器–每個(gè)瀏覽器都可以禁用緩存，但禁用的方式不一致。在Chrome中，點(diǎn)擊開(kāi)發(fā)工具右下角的齒輪圖標(biāo)進(jìn)行設(shè)置。在Firebug中，設(shè)置位于網(wǎng)絡(luò)選項(xiàng)卡旁邊的箭頭下拉菜單中。在IE中，設(shè)置位于菜單欄的存菜單項(xiàng)。在Opera中，要清除緩存的話，點(diǎn)擊網(wǎng)絡(luò)選項(xiàng)卡，選擇網(wǎng)絡(luò)選項(xiàng)中的第二個(gè)選項(xiàng)卡，選擇其中的第一個(gè)選項(xiàng)。在Safari中，在菜單欄中的“開(kāi)發(fā)”菜單中禁用緩存。Windows中，在瀏覽器中可以按下Ctrl + Shift + Delete鍵調(diào)用消除緩存對(duì)話框。*譯注：Opera中我根本沒(méi)找到，只有設(shè)置/歷史選項(xiàng)卡可供設(shè)置。延遲所有瀏覽器–網(wǎng)絡(luò)選項(xiàng)卡允許你查看服務(wù)器響應(yīng)一個(gè)請(qǐng)求花了多長(zhǎng)時(shí)間。每個(gè)資源對(duì)應(yīng)的淺色填充部分表示請(qǐng)求是何時(shí)發(fā)送，并且何時(shí)返回的。深色填充部分表示資源是何時(shí)下載的。在Chrome中，你可以用懸停在每條時(shí)間線上以獲得消耗時(shí)間的具體信息。在Opera中延遲表示的原則是一樣的，除了它用的是灰色的線條，而Chrome是淺色填充。在IE中，延遲被標(biāo)記成黃色，并且懸停到時(shí)間線上也會(huì)取得更多信息。在Firebug中，延遲被標(biāo)記為紫色，并且用的術(shù)語(yǔ)是“Waiting”。懸停到時(shí)間線上同樣能獲得各方面時(shí)間消耗的詳細(xì)信息。DOMContentLoaded 和load事件觸發(fā)Chrome，Safari – Chrome和Safari中網(wǎng)絡(luò)選項(xiàng)還展示了兩項(xiàng)額外的信息，DOMContentLoaded事件觸發(fā)的時(shí)間用藍(lán)線表示，load事件觸發(fā)的時(shí)間用紅線表示。DOMContentLoaded代表的那條線表示當(dāng)瀏覽器已經(jīng)完成解析文檔(但其他資源比如圖片和樣式表可以還沒(méi)下載完成)，而load事件代表的線表示所有資源都已經(jīng)加載完成了。如果這兩個(gè)事件同時(shí)發(fā)生，這條線會(huì)顯示為紫色。其他崩潰所有瀏覽器–有時(shí)我發(fā)現(xiàn)開(kāi)發(fā)者工具會(huì)崩潰，或鼠標(biāo)點(diǎn)擊時(shí)會(huì)失去響應(yīng)。我也經(jīng)常發(fā)現(xiàn)使用鍵盤快捷鍵關(guān)閉再重新打開(kāi)開(kāi)發(fā)工具可以修復(fù)這個(gè)問(wèn)題，而不需要去關(guān)閉整個(gè)瀏覽器再重新打開(kāi)。我希望這些特性和秘密對(duì)你有所幫助。我故意沒(méi)有在這個(gè)列表中包含性能分析和遠(yuǎn)程調(diào)試的內(nèi)容，那將是我后續(xù)文章要講到的了。歡迎您在評(píng)論中反饋、挑錯(cuò)，或留下你的技巧。13 / 13
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1