logo标签列表

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

google-chromegoogle-chrome-devtools
8
7个回答
9

目前使用Chrome Canary 65版本已不再是实验性的。

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

这个限制只存在于用户界面中。要获取XHR请求覆盖：

  1. 在Chrome Canary DevTools中打开“Sources”标签，然后在其中打开“Overrides”子标签。
  2. 勾选“启用本地覆盖”并添加一个文件夹来存储更改。
  3. 在Chrome Canary DevTools中打开“Network”标签并选择XHR请求
  4. 按“在新标签页中打开”
  5. 转到新打开的标签Chrome DevTools - “Network”
  6. 选择列表中的第一个请求，“保存用于覆盖”按钮出现。

你可以按照问题开始的步骤5来查看GIF：

gif from question

1

这是一个实验性功能（https://developers.google.com/web/tools/chrome-devtools/ui#experiments），如果启用，则会在DevTools设置面板的“实验”下。

请注意，这是一项实验性功能，可能存在错误，并且可能无法按预期工作。

我们正在努力使其尽快完全发布（在金丝雀版），但必须成为一项一流功能，我们才会准备好发布它。

0

这个功能现在在Chrome稳定版中已启用，您可以按照以下步骤操作：

在Chrome中进入“Sources”选项卡，然后在开发工具中的“Overrides”中单击“启用本地覆盖”，然后创建一个文件夹以将更改放入文件系统中。转到“Network”选项卡，然后选择XHR请求，然后“在新标签页中打开”，然后转到新打开的标签页Chrome DevTools - “Network”，选择列表中的第一个请求，通常会出现“保存覆盖”的按钮。

0
在最新版本的Chrome Canary（版本65.0.3317.2）中，您仍然需要启用开发工具实验。该选项仍然位于实验标志@kayce-basques后面。我还按照Umaar的教程进行了操作-也使用GitHub进行测试-但是在按下F5后，我没有看到任何可见的网站更改。
有人想出如何使其正常工作吗？
0

(1) 在“源”面板中选择“覆盖”选项卡。

(2) 点击“设置覆盖”（加号图标），添加一个空文件夹。

(3) 确保启用了网络覆盖。

(4) 在“网络”选项卡中选择要持久化的js文件，并在代码编辑器中显示源代码。

(5) 在源代码的开头添加代码“console.log('hello world');”。

(6) 在源代码上右键点击，从上下文菜单中选择“保存以供覆盖”命令。

(7) 保存文件后重新加载当前页面。

(8) 打开控制台面板并检查结果。

0

此功能在Chrome Canary中不再是一个实验（当前版本为64.0.3261.0）。您现在可以开始使用它。它将需要一点时间才能到达Chrome稳定版。

Network override

0

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

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

我自己还没有尝试过，所以我可能是错的。

我尝试了很多次让它工作，但没有成功。我能够按照此处的详细说明映射文件夹https://developers.google.com/web/tools/setup/setup-workflow ，但是映射本地文件时，选择对话框会消失，网络的style.css始终被提供。 - NickStees
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接