網絡調試的藝術：利用瀏覽器Network工具優化你的網站

🧭 General（通用信息）

General 部分通常包含請求的基本信息，如請求方法、URL、協議版本等

字段名稱描述常見值示例
Request URL請求的完整地址（包括協議、域名、路徑、查詢參數）https://example.com/api/data?query=1
Request Method客戶端使用的 HTTP 方法GET,?POST,?PUT,?DELETE,?PATCH
Status Code服務器返回的狀態碼及描述200 OK,?404 Not Found,?500 Internal Server Error
Remote Address服務器的 IP 地址和端口號192.0.2.1:443
Referrer Policy控制請求中 Referrer 頭部的發送方式no-referrer,?same-origin,?strict-origin-when-cross-origin
Provisional headers are shown表示當前展示的是初步/臨時請求頭，可能未完全發送true（僅用于調試顯示）

Request Method

序號方法描述使用場景和作用
1GET請求指定的頁面信息，并返回實體主體。

- 獲取資源，如網頁、圖片等。

-不應該用于修改服務器上的數據。

- 數據通過URL參數傳遞，長度有限制。

2POST向指定資源提交數據進行處理請求（例如提交表單或上傳文件）。

- 通常用于創建新資源或提交數據。

- 數據包含在請求體中，對數據大小沒有明確限制。

- 安全性較好。

3PUT從客戶端向服務器傳送的數據取代指定文檔的內容。

- 更新已存在的資源。

- 如果資源不存在，可能會根據具體實現創建新的資源。

4DELETE請求服務器刪除指定的頁面或資源。

- 刪除資源。

- 成功時通常返回狀態碼?204 No Content?或?200 OK?并附帶刪除成功的信息。

5HEAD類似于 GET 請求，但只請求消息報頭，不返回消息主體。

- 獲取資源的元數據，如檢查文件是否存在、獲取文件大小等。

- 適用于需要了解資源頭部信息而不關心內容的情況。

6OPTIONS返回服務器支持的所有HTTP請求方法，或與特定URL相關的選項。

- 用于跨域請求前的預檢請求，確認服務器允許的方法。

- 檢查服務器功能。

7PATCH對資源進行部分修改。

- 僅更新資源的部分字段，而不是完全替換它。

- 相比于 PUT 更高效，因為不需要傳輸整個資源。

8CONNECT建立一個到由目標資源標識的服務器的隧道。

- 主要用于 HTTPS 連接建立。

- 允許客戶端與服務器之間建立直接的通信通道。

9TRACE回顯服務器收到的請求，主要用于測試或診斷。

- 調試目的，查看請求到達服務器的狀態。

- 現代應用中較少使用，且出于安全考慮，許多服務器禁用此方法。

🌐?Referrer Policy?概述

什么是?Referrer Policy？

  • 是一個?HTTP 響應頭字段（也可用于 HTML 元素），用于控制瀏覽器在發出請求時是否以及如何發送?Referer?請求頭。
  • 主要作用是?保護隱私、增強安全性。

🔐 作用

目標描述
隱私保護控制發送的?Referer?信息，防止泄露敏感路徑或參數
安全增強減少跨站請求中的信息泄露風險

📋 支持的值及其含義

值行為描述使用場景
no-referrer不發送 Referer 頭完全隱藏來源信息
no-referrer-when-downgrade?(默認)HTTPS → HTTP 不發送；其他情況發送完整 URL默認安全策略
origin發送協議 + 主機 + 端口（不包括路徑和查詢）跨域時只暴露源信息
origin-when-cross-origin同源發完整；跨源只發源平衡同源詳細信息與跨源隱私
same-origin同源發完整；跨源不發只允許內部引用發送完整信息
strict-originHTTPS → HTTP 不發；其他跨源只發源更嚴格的源控制
strict-origin-when-cross-origin同源發完整；跨源發源；HTTPS→HTTP 不發推薦現代網站使用
unsafe-url總是發送完整 URL（包括路徑和查詢參數）需要完整引用信息（注意泄露風險）

🛠 設置方式

1.?HTTP 響應頭設置

Referrer-Policy: strict-origin-when-cross-origin

2.?HTML 元素屬性設置

支持以下標簽：<a>, <area>, <img>, <link>, <script> 等：

<img src="image.jpg" referrerpolicy="no-referrer">
<a href="https://example.com" referrerpolicy="origin">鏈接</a>

? 推薦策略

場景推薦值說明
默認使用strict-origin-when-cross-origin最佳平衡：兼顧隱私和功能
高隱私需求no-referrer?或?origin避免暴露用戶訪問路徑
內部系統通信same-origin僅允許內部頁面傳遞完整信息
第三方資源加載origin?或?strict-origin防止將敏感路徑傳給第三方

📌 小貼士

  • HTTPS 到 HTTP 屬于降級請求，大多數策略在此情況下會限制?Referer?發送。
  • Referer?頭可能包含路徑或查詢參數，因此不當設置可能導致敏感信息泄露。
  • 不同瀏覽器對某些策略的支持略有差異，建議以主流瀏覽器為準（如 Chrome、Firefox、Edge）

📥 Request Headers（請求頭）

Request Headers 包含客戶端發送給服務器的頭部信息，用于描述請求的屬性

字段名稱描述常見值示例
Accept客戶端接受的內容類型text/html,application/xhtml+xml;q=0.9,*/*;q=0.8
Accept-Encoding客戶端支持的內容編碼格式gzip, deflate, br
Accept-Language客戶端首選語言en-US,en;q=0.9,zh-CN;q=0.8
Authorization身份驗證憑證（如 Token 或 Basic Auth）Bearer <token>,?Basic base64encode(username:password)
Cache-Control緩存控制指令no-cache,?max-age=0
Connection網絡連接控制keep-alive,?close
Content-Length請求體大小（字節）1234
Content-Type請求體的數據類型application/json,?application/x-www-form-urlencoded,?multipart/form-data
Cookie客戶端存儲的 Cookie 數據sessionid=abc123; csrftoken=xyz789
DNTDo Not Track 指令1（用戶希望不被跟蹤）
Host請求的目標主機名和端口example.com,?example.com:8080
Origin請求來源域（用于 CORS）https://another-site.com
Referer當前請求是從哪個頁面發起的https://referrer.com/page
User-Agent瀏覽器和系統標識信息Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36...
Upgrade-Insecure-Requests是否希望升級到 HTTPS1
Sec-Fetch-Dest請求目標類型document,?script,?image
Sec-Fetch-Mode請求模式navigate,?cors,?no-cors
Sec-Fetch-Site請求來源站點關系same-origin,?same-site,?cross-site
Sec-Fetch-User請求是否由用戶觸發?1（是）、?0（否）
TE支持的傳輸編碼方式trailers
X-Requested-With標識是否為 AJAX 請求XMLHttpRequest

? 常見 HTTP 請求頭（Request Headers）列表

  1. Accept

    • 含義：指示客戶端能夠處理的內容類型。
    • 常見值：text/html,?application/json,?application/xml,?image/*,?*/*

  2. Accept-Charset

    • 含義：指示客戶端能夠處理的字符集。
    • 常見值：UTF-8,?ISO-8859-1,?*

  3. Accept-Encoding

    • 含義：指示客戶端能夠處理的內容編碼方式。
    • 常見值：gzip,?deflate,?br,?*

  4. Accept-Language

    • 含義：指示客戶端偏好的語言。
    • 常見值：en-US,?zh-CN,?fr-FR,?*

  5. Authorization

    • 含義：用于向服務器提供認證信息。
    • 常見值：Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==,?Bearer <token>

  6. Cache-Control

    • 含義：指示緩存機制如何處理請求和響應。
    • 常見值：no-cache,?no-store,?max-age=<seconds>,?must-revalidate,?public,?private

  7. Connection

    • 含義：指示如何管理連接。
    • 常見值：keep-alive,?close

  8. Content-Length

    • 含義：表示請求體的長度（以字節為單位）。
    • 常見值：123

  9. Content-Type

    • 含義：表示請求體的媒體類型。
    • 常見值：application/x-www-form-urlencoded,?application/json,?multipart/form-data,?text/plain,?image/jpeg,?application/pdf

  10. Cookie

    • 含義：包含客戶端的 cookie 信息。
    • 常見值：session=abc123; user=JohnDoe

  11. Host

    • 含義：指示請求的目標主機和端口號。
    • 常見值：example.com,?example.com:8080

  12. Origin

    • 含義：指示請求的來源（用于 CORS）。
    • 常見值：http://example.com

  13. Referer（或 Referrer）

    • 含義：指示請求的來源頁面。
    • 常見值：http://example.com/page1

  14. User-Agent

    • 含義：指示客戶端的用戶代理信息（瀏覽器、操作系統等）。
    • 常見值：
      • Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
      • Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
      • Mozilla/5.0 (iPhone; CPU iPhone OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Mobile/15E148 Safari/604.1

  15. If-Modified-Since

    • 含義：指示客戶端緩存的資源的最后修改時間，用于條件請求。
    • 常見值：Wed, 21 Oct 2015 07:28:00 GMT

  16. If-None-Match

    • 含義：指示客戶端緩存的資源的 ETag，用于條件請求。
    • 常見值：W/"644b5b3c2974d80e68a067c5"

  17. Range

    • 含義：請求資源的一部分。
    • 常見值：bytes=0-1023,?bytes=1024-2047

  18. Upgrade

    • 含義：請求升級到其他協議。
    • 常見值：h2c,?h2,?WebSocket

  19. Sec-WebSocket-Key

    • 含義：WebSocket 握手時的密鑰。
    • 常見值：dGhlIHNhbXBsZSBub25jZQ==

  20. Sec-WebSocket-Version

    • 含義：WebSocket 協議的版本。
    • 常見值：13

  21. Sec-Fetch-Site

    • 含義：指示請求的來源站點。
    • 常見值：same-origin,?same-site,?cross-site,?none

  22. Sec-Fetch-Mode

    • 含義：指示請求的模式。
    • 常見值：navigate,?no-cors,?cors,?same-origin

  23. Sec-Fetch-Dest

    • 含義：指示請求的目標。
    • 常見值：document,?image,?script,?style,?iframe,?font,?audio,?video

  24. Sec-Fetch-User

    • 含義：指示請求是否由用戶發起。
    • 常見值：?1,??0

  25. DNT（Do Not Track）

    • 含義：指示客戶端是否希望不被跟蹤。
    • 常見值：1,?0

  26. TE（Transport Encoding）

    • 含義：指示客戶端支持的傳輸編碼。
    • 常見值：trailers,?chunked

  27. Pragma

    • 含義：用于向后兼容 HTTP/1.0 緩存控制。
    • 常見值：no-cache

  28. X-Requested-With

    • 含義：指示請求是否由 AJAX 發起。
    • 常見值：XMLHttpRequest

  29. X-Forwarded-For

    • 含義：指示客戶端的 IP 地址，通常由代理服務器設置。
    • 常見值：192.168.1.1

  30. X-Forwarded-Proto

    • 含義：指示客戶端請求的協議，通常由代理服務器設置。
    • 常見值：https,?http

  31. X-Forwarded-Host

    • 含義：指示客戶端請求的主機，通常由代理服務器設置。
    • 常見值：example.com

  32. X-Forwarded-Port

    • 含義：指示客戶端請求的端口號，通常由代理服務器設置。
    • 常見值：80,?443

📤 Response Headers（響應頭）

Response Headers 包含服務器發送給客戶端的頭部信息，用于描述響應的屬性。

字段名稱描述常見值示例
Access-Control-Allow-Credentials是否允許跨域攜帶憑據true
Access-Control-Allow-Headers允許的跨域請求頭字段Content-Type, Authorization
Access-Control-Allow-Methods允許的跨域請求方法GET, POST, PUT, DELETE
Access-Control-Allow-Origin允許訪問的源（CORS）*,?https://trusted-site.com
Access-Control-Expose-Headers可以暴露給客戶端的頭部字段X-Custom-Header
Access-Control-Max-Age預檢請求緩存時間（秒）86400
Age響應從緩存中獲取的時間（秒）3600
Cache-Control緩存策略public, max-age=3600,?no-cache
Content-Encoding響應內容的編碼方式gzip,?deflate,?br
Content-Length響應體長度（字節）2048
Content-Type響應內容的 MIME 類型text/html,?application/json,?image/png
Date服務器生成響應的時間Tue, 03 Jun 2025 22:34:00 GMT
ETag資源版本標識符，用于緩存校驗"abc123"
Expires響應過期時間Wed, 04 Jun 2025 22:34:00 GMT
Last-Modified資源最后修改時間Mon, 02 Jun 2025 12:00:00 GMT
Location重定向地址https://example.com/new-path
PragmaHTTP/1.0 的緩存控制兼容字段no-cache
Server服務器軟件標識nginx/1.18.0,?Apache/2.4.41
Set-Cookie服務器設置的 Cookiesessionid=abc123; Path=/; Secure; HttpOnly
Strict-Transport-Security強制使用 HTTPSmax-age=31536000; includeSubDomains
Vary緩存區分依據的請求頭字段Accept-Encoding,?Origin
X-Content-Type-Options禁止瀏覽器猜測內容類型nosniff
X-Frame-Options控制頁面是否可以嵌入 iframeDENY,?SAMEORIGIN
X-Powered-By后端技術標識PHP/7.4.3,?Express
X-XSS-Protection啟用 XSS 過濾機制1; mode=block
Bee-Subapi-Restful自定義響應頭，通常為內部服務標識v1.0.0
Edge-ChannelsCDN 或邊緣網絡通道標識prod,?staging
Transfer-Encoding響應數據的傳輸編碼方式chunked

? 常見 HTTP 響應頭（Response Headers）列表

  1. Access-Control-Allow-Origin

    • 含義：指示哪些源可以訪問資源（用于 CORS）。
    • 常見值：*、http://example.com

  2. Access-Control-Allow-Methods

    • 含義：指示允許的 HTTP 方法（用于 CORS）。
    • 常見值：GET, POST, PUT, DELETE

  3. Access-Control-Allow-Headers

    • 含義：指示允許的請求頭（用于 CORS）。
    • 常見值：Content-Type, Authorization

  4. Access-Control-Expose-Headers

    • 含義：指示哪些響應頭可以被客戶端訪問（用于 CORS）。
    • 常見值：Content-Length, X-Custom-Header

  5. Age

    • 含義：指示響應在緩存中的時間（以秒為單位）。
    • 常見值：123

  6. Cache-Control

    • 含義：指示緩存機制如何處理響應。
    • 常見值：no-cache,?no-store,?max-age=<seconds>,?must-revalidate,?public,?private

  7. Content-Disposition

    • 含義：指示如何處理響應內容（例如下載文件）。
    • 常見值：inline,?attachment; filename="filename.txt"

  8. Content-Encoding

    • 含義：指示響應內容的編碼方式。
    • 常見值：gzip,?deflate,?br

  9. Content-Language

    • 含義：指示響應內容的語言。
    • 常見值：en-US,?zh-CN

  10. Content-Length

    • 含義：表示響應體的長度（以字節為單位）。
    • 常見值：123

  11. Content-Type

    • 含義：表示響應體的媒體類型。
    • 常見值：text/html,?application/json,?application/xml,?image/jpeg,?application/pdf

  12. Date

    • 含義：指示響應生成的日期和時間。
    • 常見值：Wed, 21 Oct 2015 07:28:00 GMT

  13. ETag

    • 含義：指示資源的唯一標識符，用于緩存驗證。
    • 常見值：W/"644b5b3c2974d80e68a067c5"

  14. Expires

    • 含義：指示響應的過期時間。
    • 常見值：Wed, 21 Oct 2015 07:28:00 GMT

  15. Last-Modified

    • 含義：指示資源的最后修改時間。
    • 常見值：Wed, 21 Oct 2015 07:28:00 GMT

  16. Location

    • 含義：指示重定向的 URL。
    • 常見值：http://example.com/new-page

  17. Pragma

    • 含義：用于向后兼容 HTTP/1.0 緩存控制。
    • 常見值：no-cache

  18. Proxy-Authenticate

    • 含義：指示代理服務器的認證信息。
    • 常見值：Basic realm="example"

  19. Retry-After

    • 含義：指示客戶端在多長時間后重試請求。
    • 常見值：3600、Wed, 21 Oct 2015 07:28:00 GMT

  20. Server

    • 含義：指示服務器的軟件信息。
    • 常見值：Apache/2.4.41 (Ubuntu)、nginx/1.18.0

  21. Set-Cookie

    • 含義：指示設置的 cookie 信息。
    • 常見值：session=abc123; Path=/; HttpOnly、user=JohnDoe; Path=/; Secure

  22. Strict-Transport-Security

    • 含義：指示瀏覽器在多長時間內只使用 HTTPS 訪問該站點。
    • 常見值：max-age=31536000; includeSubDomains

  23. Transfer-Encoding

    • 含義：指示響應內容的傳輸編碼方式。
    • 常見值：chunked

  24. Vary

    • 含義：指示緩存機制在緩存響應時應考慮的請求頭。
    • 常見值：Accept-Encoding、User-Agent

  25. WWW-Authenticate

    • 含義：指示客戶端的認證信息。
    • 常見值：Basic realm="example"、Bearer realm="example"

  26. X-Content-Type-Options

    • 含義：指示瀏覽器是否應遵循?Content-Type?頭。
    • 常見值：nosniff

  27. X-Frame-Options

    • 含義：指示是否允許頁面在?<frame>、<iframe>、<embed>?或?<object>?中顯示。
    • 常見值：DENY、SAMEORIGIN、ALLOW-FROM http://example.com

  28. X-XSS-Protection

    • 含義：指示瀏覽器是否應啟用 XSS 過濾。
    • 常見值：1; mode=block、0

  29. Content-Security-Policy

    • 含義：指示內容安全策略，用于防止 XSS 和其他注入攻擊。
    • 常見值：default-src 'self'、script-src 'self' https://example.com

  30. Referrer-Policy

    • 含義：指示?Referer?頭的策略。
    • 常見值：no-referrer、no-referrer-when-downgrade、origin、origin-when-cross-origin、same-origin、strict-origin、strict-origin-when-cross-origin、unsafe-url

  31. Accept-Ranges

    • 含義：指示服務器是否支持范圍請求。
    • 常見值：bytes、none

  32. Content-Range

    • 含義：指示響應內容的范圍。
    • 常見值：bytes 0-1023/10240

  33. Content-Security-Policy-Report-Only

    • 含義：指示內容安全策略報告模式，用于測試 CSP 而不強制執行。
    • 常見值：default-src 'self'; report-uri /csp-report-endpoint/

  34. Expect-CT

    • 含義：指示客戶端是否應啟用證書透明度（CT）。
    • 常見值：max-age=31536000; enforce

  35. Feature-Policy（或 Permissions-Policy）

    • 含義：指示瀏覽器是否應啟用某些功能。
    • 常見值：geolocation 'none'、camera 'self'

  36. Link

    • 含義：指示資源的鏈接關系。
    • 常見值：<http://example.com>; rel="next"、<http://example.com>; rel="prev"

  37. Public-Key-Pins（或 Public-Key-Pins-Report-Only）

    • 含義：指示公鑰固定（HPKP）策略。
    • 常見值：pin-sha256="base64=="; max-age=2592000; includeSubDomains

  38. Timing-Allow-Origin

    • 含義：指示是否允許跨域資源的性能測量。
    • 常見值：*、http://example.com

  39. X-Download-Options

    • 含義：指示是否允許下載內容的執行。
    • 常見值：noopen

  40. X-Content-Duration

    • 含義：指示媒體內容的持續時間。
    • 常見值：123.45

Network 面板中常見術語

序號功能作用描述
1Open in Sources panel將選中的資源在Sources面板中打開，方便查看和編輯源代碼。
2Open in new tab在新標簽頁中打開選中的資源，可以更詳細地查看該資源的內容。
3Clear browser cache清除瀏覽器緩存，這有助于解決因緩存導致的頁面顯示問題。
4Clear browser cookies清除瀏覽器的Cookies，Cookies通常用于存儲用戶的登錄狀態、偏好設置等信息。
5Copy復制選中的資源的相關信息，如URL、Headers等。
6Block request URL阻止特定的URL請求，防止該資源被加載，常用于排除某些資源對頁面的影響。
7Block request domain阻止特定域名下的所有請求，防止該域名下的資源被加載。
8Sort by按不同的標準排序網絡請求，如時間、大小等，便于分析。
9Header Options提供對請求頭（Headers）的更多操作選項。
10Override headers覆蓋請求頭，允許你自定義請求頭的內容，用于測試不同的請求條件。
11Override content覆蓋響應內容，允許你修改服務器返回的內容，用于模擬不同的響應情況。
12Show all overrides顯示所有已設置的覆蓋項，方便管理和查看。
13Save all as HAR with content將所有網絡請求保存為HAR文件，包括請求和響應的內容，便于離線分析或分享。
14Save as...將選中的資源另存為文件，可以保存到本地進行進一步處理。

序號選項名稱描述說明
1Copy link address復制該請求的 URL 地址。
2Copy response復制服務器返回的響應內容（即響應體）。
3Copy as PowerShell將該請求轉換為 PowerShell 命令格式并復制，可在 Windows PowerShell 中執行。
4Copy as fetch將該請求轉換為 JavaScript 的?fetch?函數調用格式，可在瀏覽器控制臺或其他 JS 環境中運行。
5Copy as Node.js fetch將該請求轉換為適用于 Node.js 環境的?fetch?調用格式。
6Copy as cURL (cmd)將該請求轉換為 Windows 命令行下的 cURL 命令格式并復制。
7Copy as cURL (bash)將該請求轉換為 Linux/Unix shell 下的 cURL 命令格式并復制。
8Copy all as PowerShell將所有網絡請求批量轉換為 PowerShell 命令并復制。
9Copy all as fetch將所有請求批量轉換為 JavaScript 的?fetch?調用并復制。
10Copy all as Node.js fetch將所有請求批量轉換為適用于 Node.js 環境的?fetch?調用并復制。
11Copy all as cURL (cmd)將所有請求批量轉換為 Windows 下的多個 cURL 命令并復制。
12Copy all as cURL (bash)將所有請求批量轉換為 Linux/Unix 下的多個 cURL 命令并復制。
13Copy all as HAR將所有網絡請求保存為 HAR（HTTP Archive）格式并復制，可用于離線分析或與其他開發者共享完整的請求記錄。

序號列名描述說明
1Name請求資源的名稱（通常是文件名或路徑）。
2Path請求資源在服務器上的路徑。
3Url請求資源的完整 URL 地址。
4MethodHTTP 請求方法，如 GET、POST 等。
5StatusHTTP 響應狀態碼，如 200（成功）、404（未找到）等。
6Protocol使用的協議版本，如 HTTP/1.1、HTTP/2、SPDY 等。
7SchemeURL 的協議方案，如 http 或 https。
8Domain請求資源所在的域名（主機名）。
9Remote Address遠程服務器的 IP 地址和端口號。
10Remote Address Space遠程地址所屬的網絡空間分類（如公網、本地、私有等）。
11Type請求資源的類型，如 document、script、image、stylesheet 等。
12Initiator發起該請求的來源（如哪個腳本、頁面元素觸發了這個請求）。
13Initiator Address Space發起者的地址空間分類。
14Cookies請求頭中攜帶的 Cookie 信息。
15Set Cookies響應頭中設置的 Cookie 信息。
16Size請求和響應內容的總大小（包括頭部和正文）。
17Time該請求從開始到完成所花費的時間（通常以毫秒為單位）。
18Priority瀏覽器對該請求的加載優先級（如 high、medium、low）。
19Connection ID與服務器建立連接的唯一標識符。
20Has overrides表示該請求是否應用了覆蓋（override），例如修改了請求頭或響應內容。
21Reset Columns恢復列顯示為默認設置。
22Response Headers顯示服務器返回的響應頭信息。
23Waterfall顯示請求的時間線瀑布圖，用于分析加載性能。

📊 瀏覽器 Network 面板常見功能與狀態說明表

序號術語 / 功能名稱含義說明
1Blocked response cookies表示服務器嘗試在響應頭中設置 Cookie（通過?Set-Cookie），但該 Cookie 被瀏覽器根據安全策略（如 SameSite、跨域限制等）拒絕接收。例如：<br>- 第三方 Cookie 被瀏覽器阻止；<br>- SameSite=Strict/Lax 的請求未滿足條件；<br>這些 Cookie 不會被存儲，也不會隨后續請求發送。
2Blocked request表示該網絡請求被瀏覽器基于某些安全策略主動攔截或阻止。可能原因包括：<br>- 混合內容（HTTPS 頁面加載 HTTP 資源）；<br>- CORS 策略限制；<br>- CSP（內容安全策略）規則限制；<br>- 用戶安裝的廣告/腳本攔截插件；<br>- 擴展程序或企業策略干預。<br>通常會在面板中標記為紅色或顯示“Blocked”狀態。
33-rd-party-request表示該請求的目標域名與當前網頁主域名不同，屬于第三方資源請求。例如：<br>- 在訪問?example.com?時，加載了來自?ads.example.net?或?analytics.otherdomain.com?的資源；<br>常用于廣告、統計、社交組件等。<br>受 SameSite、CSP、Cookie 策略影響較大，容易被瀏覽器限制或阻止。
4Hide data URLs當啟用此選項時，瀏覽器會隱藏使用?data:?協議的請求（即內聯資源）。例如：Base64 編碼的圖片直接嵌入 HTML/CSS 中。<br>這些資源不觸發實際 HTTP 請求，有時為了專注于外部資源加載分析，可以選擇隱藏它們。
5Hide extension URLs啟用后，瀏覽器會隱藏所有由瀏覽器擴展發起的網絡請求。例如：廣告攔截插件、翻譯插件等可能會注入腳本并發起請求。<br>如果你只想查看網站本身的網絡活動，而不是擴展的行為，可開啟此選項以減少干擾。
6Invert反轉當前的過濾規則。例如：<br>- 如果你設置了只顯示圖片請求（如?.jpg,?.png）；<br>- 再點擊 “Invert”，則會顯示除了圖片之外的所有請求；<br>提供一種快速查看“非匹配項”的方式，便于靈活篩選網絡請求數據。

? 用途總結：

類型示例功能/狀態主要用途/作用
狀態類Blocked response cookies查看哪些 Cookie 被瀏覽器阻止
?Blocked request分析哪些請求被瀏覽器出于安全原因攔截
?3-rd-party-request區分主站請求與第三方請求，幫助排查隱私、性能、安全性問題
過濾控制類Hide data URLs隱藏內聯資源，專注于真實網絡請求
?Hide extension URLs過濾掉擴展發起的請求，專注于網站本身發出的請求
?Invert快速切換過濾邏輯，查看“不符合當前篩選條件”的請求

?

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/911950.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/911950.shtml
英文地址，請注明出處：http://en.pswp.cn/news/911950.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

Mongodb數據庫應用

Mongodb數據庫應用

目錄 什么是mongodb 主要特點 MongoDB 概念解析 完整術語列表 MongoDB 安裝 MongoDB Shell 安裝 MongoDB Shell 驗證 MongoDB Shell 數據庫管理 查看數據庫列表 創建數據庫 實例 刪除數據庫 實例 默認數據庫 系統內置數據庫 集合管理 查看集合 創建集合 實…
閱讀更多...
以太網基礎與 VLAN 配置實驗

以太網基礎與 VLAN 配置實驗

以太網是一種基于CSMA/CD(Carrier Sense Multiple Access/Collision Detection)的共享通訊介質的數據網絡通訊技術。當主機數目較多時會導致沖突嚴重、廣播泛濫、性能顯著下降甚至造成網絡不可用等問題。通過交換機實現 LAN 互連雖然可以解決沖突嚴重的問題&#xff0c;但仍然不…
閱讀更多...
開源流程引擎Camunda簡介

開源流程引擎Camunda簡介

目錄 簡單介紹 主要組件與名詞介紹 常見名詞解釋 核心組件介紹 一些思考 與前端的關系 前端邏輯的簡化 后端接口的專注 流程引擎的控制作用 數據和狀態的管理 監控和管理的集中化 參考資料 簡單介紹 Camunda的本質是可以獨立運行的一套流程引擎&#xff0c;流程引擎…
閱讀更多...
從面試題出發，如何設計消息隊列

從面試題出發，如何設計消息隊列

一、引言 在 Java 開發面試的戰場上&#xff0c;消息隊列相關問題一直是高頻考點。面試官們常常拋出這樣的問題&#xff1a;“如果讓你設計一個消息隊列&#xff0c;你會怎么做&#xff1f;” 這可不是在故意刁難&#xff0c;背后有著深層次的考察意圖。? 從實際場景來看&am…
閱讀更多...
卡薩帝發布AI深度科技：實現從守護生活到守護文明的升級

卡薩帝發布AI深度科技：實現從守護生活到守護文明的升級

2025年6月25日&#xff0c;以“AI致遠 愛不凡”為主題的卡薩帝思享薈于重慶科學會堂啟幕。活動現場&#xff0c;卡薩帝發布“AI深度科技”。同時&#xff0c;搭載AI深度科技的“AI鑒賞家套系”同步上市。 AI浪潮下&#xff0c;卡薩帝品牌不斷升級&#xff0c;從“高端家電領導…
閱讀更多...
FastAPI + PyMySQL 報錯：“dict can not be used as parameter”的原因及解決方案

FastAPI + PyMySQL 報錯：“dict can not be used as parameter”的原因及解決方案

? FastAPI PyMySQL 報錯 “dict can not be used as parameter” 問題及解決方案 最近在開發一個基于 FastAPI 的碳足跡因子智能匹配系統時&#xff0c;后端保存接口數據到 MySQL 時遇到了如下錯誤&#xff1a; ? 解析失敗: dict can not be used as parameter 一、問題背景…
閱讀更多...
解決 “docker-compose: command not found“ 錯誤

解決 “docker-compose: command not found“ 錯誤

解決 “docker-compose: command not found” 錯誤 在 CentOS 7 上看到這個錯誤&#xff0c;說明系統中未安裝 docker-compose。以下是完整的安裝和配置步驟&#xff1a; 一、安裝 Docker Compose 1. 確保已安裝 Docker # 檢查 Docker 是否安裝 docker --version# 如果未安…
閱讀更多...
Android11 深休后系統定時喚醒導致網絡請求服務器過載

Android11 深休后系統定時喚醒導致網絡請求服務器過載

硬件平臺&#xff1a;QCS6125 軟件平臺&#xff1a;Android11 問題&#xff1a;每天的7:00和22:00 服務器會突然收到批量設備的網絡請求&#xff0c;導致服務器過載。 通過系統的logcat日志發現了系統在休眠后&#xff0c;每天會有22:00、7:00的喚醒&#xff0c;從而導致這個時…
閱讀更多...
部署網站需求全滿足：Websoft9 多應用托管一站式方案解析

部署網站需求全滿足：Websoft9 多應用托管一站式方案解析

在數字化浪潮中&#xff0c;搭建專業網站已成為企業觸達客戶的核心通道。然而&#xff0c;從服務器選型到軟件環境配置&#xff0c;傳統建站模式往往讓技術門檻成為中小企業的 “攔路虎”。Websoft9 多應用托管平臺通過深度優化的鏡像技術&#xff0c;重新定義了 WordPress 建站…
閱讀更多...
Spring Boot 啟動優化實踐

Spring Boot 啟動優化實踐

本文系統性分析并優化了一個Spring Boot項目啟動耗時高達 280 秒的問題。通過識別瓶頸、優化分庫分表加載邏輯、異步初始化耗時任務等手段&#xff0c;最終將啟動耗時縮短至 159 秒&#xff0c;提升近 50%。文章涵蓋啟動流程分析、性能熱點識別、異步初始化設計等關鍵技術細節&…
閱讀更多...
Jenkins執行Jenkinsfile報錯

Jenkins執行Jenkinsfile報錯

遇到部署的步驟時傳輸文件到其他服務器&#xff0c;文件傳上去了&#xff0c;但是命令都沒有執行成功。 寫法&#xff1a; 報錯了&#xff1a;ERROR:Exception when publishing,exception message [Exec exit status not zero.Status [1]] 原因是因為&#xff1a;cd 引用了環…
閱讀更多...
Modbus TCP轉Profibus DP網接APM810/MCE安科瑞多功能電表通訊案例

Modbus TCP轉Profibus DP網接APM810/MCE安科瑞多功能電表通訊案例

Modbus TCP轉Profibus DP網接APM810/MCE安科瑞多功能電表通訊案例 在工業自動化和電力監控領域&#xff0c;Modbus TCP與Profibus DP是兩種常見的通訊協議&#xff0c;它們各自有著廣泛的應用場景和優勢。而當需要將這兩者進行連接&#xff0c;以實現不同設備間的數據傳輸和信…
閱讀更多...
MySQL常見問題概述

MySQL常見問題概述

一、MySQL常見問題概述 MySQL是最常用的關系型數據庫&#xff0c;但使用中常會遇到 性能慢、數據丟失、主從不同步、鎖沖突 等問題。這些問題可能導致系統響應變慢、用戶操作失敗&#xff0c;甚至數據損壞。 核心解決思路&#xff1a;先定位問題類型&#xff08;是查詢慢&…
閱讀更多...
zlmediakit windows 編譯webrtc

zlmediakit windows 編譯webrtc

1、環境準備 系統環境&#xff1a;Windows 10 專業版 序號名稱版本用途1Microsoft Visual Studio20222openssl3.0.53cmake3.24.04libsrtp2.4.0webrtc播放需要 2、安裝libsrtp https://github.com/cisco/libsrtp/releases/tag/v2.4.2 2.1、新建構建目錄 在libsrtp-2.4.2根目錄…
閱讀更多...
Redis Pipelining 是性能加速的秘密武器？

Redis Pipelining 是性能加速的秘密武器？

在高性能的現代應用中&#xff0c;Redis 因其閃電般的速度而備受青睞。而 Pipelining&#xff08;管道技術&#xff09; 則是 Redis 性能優化的核心功能之一。許多開發者都聽說過它能提升性能&#xff0c;但它究竟是如何做到的&#xff1f;是否會帶來負面影響&#xff1f;今天我…
閱讀更多...
系統性能優化-6 TCP 三次握手

系統性能優化-6 TCP 三次握手

系統性能優化-6 TCP 三次握手 TCP 三次握手 客戶端優化 客戶端發送 SYN 給服務器 此時客戶端連接狀態&#xff1a;SYN_SENT如果服務器繁忙或中間網絡不暢&#xff0c;客戶端會重發 SYN&#xff0c;重試的次數由 tcp_syn_retries 參數控制&#xff0c;默認是 6 次&#xff0c;第…
閱讀更多...
WPF 實現自定義彈窗輸入功能

WPF 實現自定義彈窗輸入功能

1.前端實現 <Grid><Grid.RowDefinitions><RowDefinition Height"60" /><RowDefinition Height"*" /></Grid.RowDefinitions><BorderGrid.Row"0"BorderBrush"WhiteSmoke"BorderThickness"0.1&qu…
閱讀更多...
WPF中Converter基礎用法

WPF中Converter基礎用法

IValueConverter 1.創建一個類集成接口IValueConverter,并實現 2在xaml中引入 舉例 性別用int來表示&#xff0c;1為男&#xff0c;2為女 核心代碼 創建GenderConverter繼承IValueConverter public class GenderConverter : IValueConverter {//model->view轉換public…
閱讀更多...
Postgresql的json充當字典應用

Postgresql的json充當字典應用

一般我們會將一些系統參數放到參數表中&#xff0c;有些參數的值是json結構&#xff0c;那么如何在查詢時引用這些參數&#xff1f;&#xff1f; 比如我在業務表的的xxx_type,或xxx_status記錄的是key,又想在查詢的時候顯示其描述。 先定義字典 如下圖如何應用 Postgresql對j…
閱讀更多...
Dify全面升級：打造極致智能應用開發體驗，攜手奇墨科技共拓AI新生態

Dify全面升級：打造極致智能應用開發體驗，攜手奇墨科技共拓AI新生態

智能應用開發平臺Dify以六大核心功能升級與深度性能優化&#xff0c;重新定義AI開發效率與體驗。本次更新不僅響應了開發者社區的迫切需求&#xff0c;更通過與云計算領域先鋒奇墨科技的戰略合作&#xff0c;為企業提供了從開發到部署的全鏈路智能化解決方案。 .技術領先&#…
閱讀更多...
最新文章

Copyright @ 2022~2023