chrome開發工具_請求headers標籤
headers標籤可以劃分為四個部分:
(1)general:記錄請求鏈結、請求方式、請求狀態碼
(2)response headers:伺服器端的響應頭，其引數如下
cache-control:指定快取機制，優先順序大於last-modified
connection:包含很多標籤列表，其中最常見的是keep-alive和close,分別用於向伺服器請求保持tcp鏈結和斷開tcp鏈結
content-encoding:伺服器通過這個頭告訴瀏覽器資料的壓縮格式
content-length:伺服器通過這個頭告訴瀏覽器回送資料的長度
content-type: 伺服器通過這個頭告訴瀏覽器回送資料的型別。
date : 當前時間值
keep-alive : 在connection 為keep-alive時，該欄位有用，用來說明伺服器估計保留鏈結的時間和允許後續幾個請求復用這個保持著鏈結
server : 伺服器通過這個頭告訴瀏覽器伺服器的型別
vary : 明確告知快取伺服器按照accept-encoding欄位的內容分別快取不同的版本
(3)request headers: 使用者的請求頭。引數如下
accept: 告訴伺服器客戶端支援的資料型別
accept-encoding: 告訴服務端客戶端支援的資料壓縮格式
accept-charset: 快取控制，伺服器控制瀏覽器要不要快取資料
connection : 處理完這次請求後，是斷開鏈結還是保持鏈結
cookie : 客戶可通過cookie向服務端傳送請求，讓伺服器識別不同的客戶端
host : 訪問主機名
referer : 包含乙個url 。使用者從該url代表的頁面出發訪問當前請求的頁面，當瀏覽器向web伺服器傳送請求的時候，一般會帶上referer，告訴伺服器請求是從哪個頁面url來的，伺服器藉此可以獲得一些資訊用於處理
user-agent : 中文名為使用者**，簡稱ua，是乙個特殊的字串頭，使得伺服器能夠識別客戶使用的作業系統及版本、cpu型別，瀏覽器及版本，瀏覽器渲染引輯，瀏覽器語言，瀏覽器外掛程式等。
(4)query string parameters :請求引數，將引數按照一定的形式(get/post) 傳遞給伺服器。
chrome開發工具指南（十四）
您的任務不只侷限於確保 在 chrome 和 android 上出色執行。即使 device mode 可以模擬 iphone 等多種其他裝置，我們仍鼓勵您檢視其他瀏覽器模擬解決方案。瀏覽器模擬器非常適合於測試 的自適應能力，但它們無法模擬 api 差異 css 支援，以及您可以在移動裝置瀏覽器中看...
chrome開發工具指南（九）
如果您使用本地儲存儲存鍵值對 kvp 則可以從local storage窗格中檢查 修改和刪除這些 kvp。使用indexeddb窗格可以檢查 修改和刪除 indexeddb 資料。展開indexeddb窗格時，indexeddb 下的第乙個級別是資料庫。如果存在多個活動的資料庫，您會看到多個條目。...
chrome開發工具指南（三）
security 面板 要檢視頁面的整體安全性，請開啟 devtools，然後轉至 security 面板。您首先會看到 security overview。security overview 會一目了然地告訴您頁面是否安全。安全頁面會通過訊息this page is secure valid ht...