DevTools 技巧合集十

检查一个网站是否使用第三方 cookies

Cookies 是网站在您访问时保存在您电脑上的信息。网站通常使用cookies记住您上次访问时的一些信息。例如,天气网站可以使用 cookies 存储您偏好的位置,这样您就不必每次都输入。

第三方cookies也是 cookies,只不过它们是由您访问的网站以外的网站创建的,例如当您访问的网站嵌入了一个广告iframe时。

广告商经常使用第三方cookies跟踪用户访问的网站,收集他们的浏览活动信息,希望通过提供定向广告来吸引用户回到网站购买产品。

第三方 cookies 和个性化内容有很多合法的用途,但它们也带来了重大的隐私和安全问题。

通过开发者工具,您可以检测一个网站是否使用第三方 cookies

  • 在新窗口或标签页中打开您要测试的网站。
  • 打开开发者工具(DevTools)。
  • 在基于 Chromium 的浏览器中打开“应用程序”工具,在 Firefox 或 Safari 中打开“存储”工具。
  • 在侧边栏中展开“Cookies”部分。
  • 在“Cookies”部分会出现一个列表。

检查列表以查看网站是否使用第三方 cookies:

  • 如果网站不使用 cookies,列表将为空。
  • 如果网站使用自己(第一方)的 cookies,您会看到一个与网站 URL 匹配的条目。
  • 如果网站使用第三方 cookies,您会在列表中看到更多条目,其中一些来自第三方网站,这些网站可能正在跟踪您。

    向网络表添加自定义标头

    在网络中,当客户端(浏览器)和服务器使用 HTTP 进行通信时,它们发送的请求和响应中包含标头。这些标头是包含请求和响应元数据的键值对。常见的标头示例包括Content-Type标头,它告诉浏览器服务器正在发送回来的内容类型,或 User-Agent 标头,它告诉服务器客户端正在使用的浏览器。

也可以在请求和响应中添加自定义标头。这通常由专有软件使用,或用于调试目的。例如,IIS Web 服务器在响应中添加了X-Powered-By标头。

ChromeEdge 中,您可以配置网络工具将任何您想要的自定义标头直接显示在请求表中,和已经显示的列一起:

  1. 打开开发者工具(DevTools),然后进入网络工具(Network)。
  2. 右键单击请求表中的任意列,然后点击响应标头(Response Headers)> 管理标头列(Manage Header Columns)。
  3. 在管理标头列的弹出窗口中,点击添加自定义标头(Add Custom Header)。
  4. 输入您的自定义标头名称,然后点击添加(Add)。