chrome瀏覽器除錯功能之後端篇

2022-09-16 00:39:10 字數 1525 閱讀 9270

.network裡面分別出現以下資訊,這裡我乙個個給大家講講

name and path:請求資源的路徑和名稱

method:請求方法:如get,post

status and text:http請求狀態碼和文字資訊

type:請求的mime型別

initiator:傳送請求的物件,主要包含parser和script

有的資源initiator一列為script,表示該資源是通過某js檔案載入的,例如一些

size and content:size是http請求中傳輸的真實大小,包括響應頭和響應體;content表示響應體解壓後的大小(如果有壓縮的話,一般為gzip壓縮),如果採用了gzip編碼傳輸,content比size大,否則content小於size

經過瀏覽器解壓後真正的內容大小為138kb,這是減少伺服器頻寬壓力的一種方式,這種功能nginx和apache都是支援的;在第一張中的第8,9個資源的size為from cache,說明該資源是從快取中讀取的;想要關閉快取功能,將圖中的disable cache勾上就可以;

time and latency:time表示從傳送請求到接收響應的最後乙個位元組所花的時間,即請求乙個資源花的總時間,latency表示從傳送請求到接收響應的第乙個位元組所花的時間,即延遲;那麼time減去latency就反應頻寬問題了,包括客戶端和伺服器頻寬;在時間上chrome又多了乙個timeline走勢圖,下面來看看時間到底花在**了;

timeline:響應時間的詳細報告(上圖),其中包括

stalled:是瀏覽器得到要發出這個請求的指令,到請求可以發出的等待時間,一般是**協商、以及等待可復用的tcp連線釋放的時間,不包括dns查詢、建立tcp連線時間等;

proxy negotiation:與**伺服器的連線時間;

initail connection:建立連線的時間,包括tcp,ssl握手/重試和談判

request sent:傳送請求到伺服器的傳輸時間,即上傳時間;

waiting(ttfb):傳送請求後到收到響應的第乙個位元組所花費的時間,ttfb(time to first bytes);這是伺服器優化的重要指標,伺服器優化的目的就是減少這個時間;

今天只是給大家講了php工程師需要了解的功能,關於檢視headers方式我就不講了,相信很多同學都知道,下次我給大家講講前端除錯功能,敬請期待哦;

chrome瀏覽器除錯

f8 下個斷點 f10 單步執行 f11 單步跳入 shift f11 單步跳出 選中變數,右鍵選擇add to watch,檢視變數值比較方便 有時候我們需要監聽某個 dom 被修改情況 js 比較複雜,找不到 對dom做的改變 那麼我們可以直接在 dom 上設定斷點。如圖所見,在元素審查的 el...

利用Chrome瀏覽器除錯Android資料庫

通過ddms和sqlite3工具可以調出資料庫,但ddms中有時會出現許可權訪問限制打不開data資料夾,sqlite3工具需要root手機。這兩種方法除錯資料庫都相對麻煩。facebook開源的stetho工具極大解決了這種問題,更方便的觀察資料庫並除錯。步驟一 首先先在build.gradle的...

chrome除錯如何禁用瀏覽器快取

遇到過很多很多次,修改了頁面 但是程式始終沒有按照設想的方向走,有時候折騰了幾個小時,發現問題最後卻是莫名其妙恢復的。後來進一步除錯發現,自己已經修改了如js 但是前端在載入頁面時仍然還是修改之前的 這種類似的問題在我這些日子消費了太多不必要的時間了,心塞又心痛!知道大概是快取的問題,於是我嘗試了所...