在 Chrome DevTools Canary 中找不到“使用工作区项目覆盖请求”

Question

在我的一生中，我找不到在何处启用此设置：在 Chrome Canary v64.0.3 中使用工作区项目覆盖请求

你在哪里启用这个功能？

我从这里了解了这个功能： https : //umaar.com/dev-tips/162-network-overrides/

Answer 1

目前有65个Chrome Canary它不再是实验性的。

但你仍然无法“保存覆盖”XHR请求。

此限制仅适用于UI。 要获取XHR请求覆盖：

1. 在Chrome Canary DevTools中打开“Sources选项卡”，在其下面打开“ Overrides”子选项卡。
2. 选中“启用本地覆盖”并添加一个文件夹以存储文件系统中的更改。
3. 在Chrome Canary DevTools中打开“网络”标签，然后选择XHR请求
4. 按“在新标签页中打开”
5. 转到新打开的标签Chrome DevTools - “网络”
6. 选择列表中的第一个请求，将出现“Save for Overrides”按钮。

---

您可以从第5步开始的问题跟随gif：

Answer 2

它是在一个实验背后（ https://developers.google.com/web/tools/chrome-devtools/ui#experiments ），然后它将在devtools的设置面板中进行实验。

请注意，这是一个实验性的功能，有bug，可能无法正常工作。

我们正在努力让它尽快完全发布（在Canary上）但它需要成为一流的功能才能让我们准备好发布它。

Answer 3

我认为他们可能已经发布了这个功能，所以它不再是实验的背后。

尝试Umaar概述的工作流程，省略启用实验的步骤。

我自己还没试过，所以我错了

Answer 4

该功能不再是Chrome Canary中的实验（当前版本为64.0.3261.0）。 你现在可以开始使用它了。 到Chrome稳定版需要一点时间。

Answer 5

在最新版本的Chrome Canary（版本65.0.3317.2 ）中，您仍需要启用开发工具实验。 该选项仍然落后于实验标志@ kayce-basques。 我也遵循了Umaar的教程 - 也使用GitHub进行测试 - 但是按F5后我没有看到任何可见的网站更改。

有人想出如何让它工作？

Answer 6

（1）在“源”面板中选择“替代”选项卡。

（2）单击“设置覆盖”（+图标）以添加空文件夹。

（3）确认已启用“启用网络覆盖”。

（4）选择要在网络选项卡上保留的js文件，并在代码编辑器中显示源代码。

（5）将代码“console.log（'hello world'）;”添加到源代码的开头。

（6）右键单击源代码，在上下文菜单中选择[Save for overrides]命令。

（7）保存文件后重新加载当前页面。

（8）打开控制台面板并检查结果。

Answer 7

此功能现已在 chrome stable 中启用，您可以按照以下步骤操作：

在 Chrome 中，转到“源选项卡”，然后在 devtools 中的“覆盖”中单击“启用本地覆盖”，然后创建一个文件夹以将更改放入文件系统中。 转到“网络”，然后选择 XHR 请求，然后选择“在新选项卡中打开”，然后转到新打开的选项卡 Chrome DevTools -“网络”选择列表中的第一个请求，通常会出现“保存以供覆盖”按钮。