通过

在浏览器中使用开发环境代理

概览
目标： 在不更改系统代理设置的情况下将开发代理附加到浏览器实例
时间： 5 分钟
插件： 没有
先决条件：设置开发代理

默认情况下，开发代理将自身注册为系统代理，该代理通过代理路由所有网络流量。 虽然此方法适用于大多数方案，但有时你只想截获来自特定浏览器实例的流量，同时使其他应用程序不受影响。

为何使用特定于浏览器的代理？

将开发代理直接附加到浏览器实例具有以下优点：

  • 隔离：仅特定浏览器实例使用代理，使其他应用和浏览器不受影响
  • 无系统更改：无需修改系统代理设置
  • 并行测试：使用不同的代理配置运行多个浏览器实例
  • 更简洁的流量：仅查看正在测试的浏览器发出的请求，而不是后台系统流量

先决条件

在开始之前，请将开发代理配置为不注册为系统代理。 在devproxyrc.json文件中设置：

{
  "asSystemProxy": false
}

或者，使用 --as-system-proxy false 命令行选项启动开发代理。

谷歌浏览器

Google Chrome 支持通过命令行标志进行代理配置。 使用开发代理启动 Chrome：

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000"

google-chrome --proxy-server="http://127.0.0.1:8000"

小窍门

使用单独的用户配置文件来避免影响主浏览器数据。 添加--user-data-dir标志以指定其他配置文件目录：

"C:\Program Files\Google\Chrome\Application\chrome.exe" --proxy-server="http://127.0.0.1:8000" --user-data-dir="%TEMP%\chrome-dev-proxy"

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

google-chrome --proxy-server="http://127.0.0.1:8000" --user-data-dir="/tmp/chrome-dev-proxy"

重要

使用代理标志启动 Chrome 之前关闭所有现有的 Chrome 实例。 否则，新实例将加入现有的 Chrome 进程并忽略代理设置。

Microsoft Edge

Microsoft Edge 不支持 --proxy-server 命令行标志。 即使 Microsoft Edge 基于 Chromium，Microsoft也不会公开此功能。

若要将开发代理与 Microsoft Edge 配合使用，必须使用系统代理设置。 通过将 asSystemProxy 保持为默认值 true，或在配置中省略这一设置，将开发代理配置为系统代理。

Mozilla Firefox

Firefox 不支持通过命令行标志配置代理，但可以通过浏览器设置手动配置它。

将 Firefox 配置为使用开发代理：

  1. 打开 Firefox
  2. 转到 “设置>常规>网络设置>”...
  3. 选择 手动代理配置
  4. 将 HTTP 代理 设置为 127.0.0.1，将 端口 设置为 8000
  5. 检查 是否将此代理用于 HTTPS
  6. 选择 “确定”

小窍门

创建单独的 Firefox 配置文件，以便使用开发代理进行测试。 这样，就可以保持常规浏览配置文件不变。 若要创建新配置文件，请运行 firefox -P 并创建专用于开发代理测试的新配置文件。

信任开发代理证书

首次启动开发代理时，它会安装并信任根证书来解密 HTTPS 流量。 如果使用单独的浏览器配置文件，或者浏览器不使用系统证书存储，则可能需要手动信任证书。

Chrome 和 Microsoft Edge

Chrome 和 Microsoft Edge 使用操作系统的证书存储。 如果已在首次运行体验期间运行开发代理并信任证书，Chrome 和 Microsoft Edge 会自动信任它。

火狐浏览器

Firefox 使用自己的证书存储。 若要信任 Firefox 中的开发代理证书，请执行以下步骤：

  1. 打开Firefox
  2. 转到“设置>隐私和安全>证书>
  3. 选择“ 颁发机构 ”选项卡
  4. 选择 “导入...”
  5. 导航到开发代理证书：
    • 位置：%USERPROFILE%\.config\dev-proxy\rootCert.pfx
    • 位置：~/.config/dev-proxy/rootCert.pfx
    • 位置：~/.config/dev-proxy/rootCert.pfx
  6. 检查 信任此 CA 以识别网站
  7. 选择 “确定”

注释

证书密码为空。 出现提示时，将密码字段留空。

另请参阅

  • Last updated on