日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

Chrome F12 介紹

 

Chrome 開發者工具 F12 是前端開發、測試人員的利器,使用開發者工具可以非常方便地查看頁面元素、源文件、控制臺、網絡等等。

其中的 Network 類似與 fiddler 抓包工具,能夠獲取請求、響應、緩存等等內容。

接下來介紹下 Network,來吧。

界面介紹

 

1,界面總覽

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

2,記錄請求

開啟按鈕時記錄所有請求,關閉按鈕時不會記錄

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

3,清除請求

清除按鈕,清除所有記錄的請求

 

4,過濾請求

 

過濾器,能夠自定義篩選條件,也可以選擇預定義的過濾方式

  • 自定義條件
純干貨!一文帶你詳解 Chrome F12 Network 選項

 

  • 預定義的過濾
純干貨!一文帶你詳解 Chrome F12 Network 選項

 

ALL:顯示所有請求
XHR:顯示AJAX異步請求
JS:顯示js文件
css:顯示css文件
Img:顯示圖片
Media:顯示媒體文件,音頻、視頻等
Font:顯示Web字體
Doc:顯示html
WS:顯示websocket請求
Other:顯示其他請求

 

5,保留請求記錄

 

勾選之后,刷新頁面不會清空之前的請求記錄,下面是連續刷新兩次頁面結果

純干貨!一文帶你詳解 Chrome F12 Network 選項

 


純干貨!一文帶你詳解 Chrome F12 Network 選項

 

6,是否進行緩存

 

當打開開發者工具時生效,打開這個開關,則頁面資源不會存入緩存,可以從 Status 欄的狀態碼看文件請求狀態。

 

7,弱網設置

 

設置模擬限速,如下圖所示。

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

8,網絡設置

 

caching:緩存設置

Network throttling :弱網設置

User agent:屬于 http 請求頭一部分。表示所用瀏覽器類型及版本、操作系統及版本、瀏覽器內核、等信息的標識。

Accepted Content-Encodings:服務端壓縮格式

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

9,右鍵界面

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

Open in new tab:在新的標簽中打開鏈接

Clear browser cache:清空瀏覽器緩存

Clear browser cookies:清空瀏覽器cookies

Copy:復制

Block request URL:攔截當前請求url

Block request domian:攔截當前域名下所有請求

Replay XHR:重新請求AJAX

Sort By:排序請求

Header Options:顯示請求頭選項

Save all as HAR with content:保存所有請求為.har文件

 

10,copy

純干貨!一文帶你詳解 Chrome F12 Network 選項

 

Copy Link Address:復制資源url到系統剪貼板

Copy Response:復制HTTP響應

Copy stack trace:復制堆棧信息

Copy as PowerShell:復制請求PwoerShell代碼

Copy as fetch:復制請求fetch代碼

Copy as Node.js fetch:復制請求Node.js fetch代碼

Copy as cUrl(cmd):復制請求cUrl 命令代碼

Copy as cUrl(bash):復制請求cUrl 命令代碼

Copy all as PowerShell:復制所有請求PwoerShell代碼

Copy all as fetch:復制所有請求fetch代碼

Copy all as Node.js fetch:復制所有請求Node.js fetch代碼

Copy all as cUrl(cmd):復制所有請求cUrl 命令代碼

Copy all as cUrl(bash):復制所有請求cUrl 命令代碼

Copy All as HAR:復制所有請求HAR文件

分享到:
標簽:Chrome
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定