主頁部分
ALL：顯示所有請求
XHR：顯示AJAX異步請求
JS：顯示js文件
CSS：顯示css文件
Img：顯示圖片
Media：顯示媒體文件，音頻、視頻等
Font：顯示Web字體
Doc：顯示html
WS：顯示websocket請求
Other：顯示其他請求
F12控制台功能：
1. 元素（Elements）:用於查看或修改HTML元素的屬性、CSS屬性、監聽事件、斷點等。
可以直接點擊元素進行CSS、html修改；此修改只會在本地生效；不會上傳到服務器端，所以可以用來調試前端代碼
2. 控制台（Console）：記錄前端javascript對象、log信息、異常信息
3. 源代碼（Sources）:查看網頁的源代碼HTML代碼，js代碼、CSS代碼，可以直接修改代碼進行前端調試
可以點擊JS代碼前面的數字來設置斷點 ；斷點可以在DOM元素節點發生改變時、XHR生命周期狀態改變時、指定的事件執行時被觸發
4. 網絡（Network）:與網絡相關的接口請求響應和網絡傳輸等
========================================
頁面操作時，后台的請求
name:請求名稱
status：請求狀態
tpye:請求類型
time:請求響應時間
==================
network部分
1. 在Headers標簽里面可以看到HTTP Request、URL、HTTP Method、Status Code、Remote Address 等基本信息和詳細的Response Headers、RequestHeaders以及Query String Parameters或者FormData等信息。
2.. 在Preview標簽里面可根據選擇的資源類型（JSON、圖片、文本、JS、CSS）顯示相應的預覽信息。下圖顯示的是當選擇的資源是JSON格式時的預覽信息。
3. 在Response標簽里面可根據選擇的資源類型（JSON、圖片、文本、JS、CSS）顯示相應資源的Response響應內容。下圖顯示的是當選擇的資源是CSS格式時的響應內容。
4. cookie :如果選擇的資源在Request和Response過程中存在Cookies信息，則Cookies標簽會自動顯示出來，在里面可以查看所有的Cookies信息。
1. General部分：
Request URL：請求的URL
Request Method：請求使用的方法
Status Code：響應狀態碼
Remote Address：遠程服務器的地址和端口
Reffer Policy：Referrer判別策略
2. 響應頭：
Date：標識產生響應的時間
Content-Encoding：指定響應內容編碼
Server：包含服務器信息，如名稱，版本號等
Content-Type：文檔類型，指出返回的數據類型是什么。如此處的text/html代表返回的是HTML代碼
Set-Cookie：設置Cookies。響應頭中的Set-Cookie告訴瀏覽器要將此內容放在Cookies中，下次請求攜帶Cookies請求
Expires：指定響應過期時間，可以使代理服務器將加載的內容更新到緩存當中。如果再次訪問，就可直接從緩存中加載，降低服務器的負載，縮短加載時間。
3. 請求頭：
Accept：請求報頭域，用於指定客戶端可接受哪些信息類型
Accept-Encoding：指定客戶端可接受的語言類型
Accept-Language：指定客戶端可接受的內容編碼
Host：指定請求資源的主機IP和端口號，其為請求URL的原始服務器或網關的位置
Cookie：網站為了辨別用戶進行會話跟蹤而儲存在用戶本地的數據。主要功能是維持當前訪問會話。（非常重要！！！）
Referer：用來標識這個請求是從哪個網頁過來的。服務器拿到這一信息並做相應的處理，如來源統計，防盜鏈等
User-Agent: 瀏覽器型號和版本 ，可以使服務器識別客戶使用的操作系統及版本等信息。
Content-Type：互聯網媒體類型，在HHTP協議消息中，用來表示具體請求中的媒體信息類型
補充：
query string parameters：
請求參數，get請求的請求參數在url中，用&隔開；
post請求的請求參數寫在報文體中query string parameters
request header中的Content-Type:post請求的請求格式，如果是get，沒有請求格式
==================================================================================
獲取接口信息
獲取接口信息以及他的方法：
- 左側 Name 欄，選擇自己要抓取的接口名稱，點擊后右側會出現接口Headers、Response 等
- Headers 第一欄 General 獲取服務器地址、接口地址、以及請求方法等
- 問號后面則是參數，key - value 形式，每個參數之間使用 & 相隔
1. 獲取請求cookie等
- Headers 第二欄 Request Headers 很重要，可以獲取 Cookie 等
2.獲取入參
將滾動條拖至最下面，獲取入參
點擊：view resource可以看出、入參格式（很明顯入參為 key - value 形式，非 json 格式）
當然json接口也是這么看的
3.獲取出參
Network 面板 Response
4. 查看 Cookie 的 key-value 形式
進入 Application 面板
可以看出 Cookie 的組成其實就是一個個的 key 和 value，同時 domain （作用域）也很重要，沒有他 Cookie 就不會生效
查看方式2：
==========================================================
提bug相關接口和參數要附上去
提get請求：
直接復制接口，參數拼接在接口中。
提post請求：
post接口url ：
點擊查看源代碼：
Post的參數是json字符串的
=====================================================================================================================================