Chrome DevTools |呈现为HTML时预览窗格中的滚动问题

Question

在Chrome DevTools的“网络”面板中，将过滤器请求类型设置为“全部/ XHR”，“预览”窗格滚动条（垂直和水平条）下均不会滚动

为了克服上述情况，我遵循了以下两种方法：
由于这两种方法都与将DevTools停靠在单独的窗口中，然后按 F12 或按 CTRL + SHIFT + 我在DevTools内部进行检查-进行检查（即嵌套检查）

第一种方法：

检查“预览iframe”，您将看到.html-preview-frame的{​​{1}}属性设置为pointer-events。 禁用none属性或将其设置为pointer-events时，滚动功能将继续，直到刷新页面或切换到另一个文件为止。

第二种方法：

通过使用本地修改的CSS脚本覆盖。嵌套检查中的 Sources面板中，有一个名为 “ network / requestHTMLView.css” 的脚本显示在 Sources中“页面”标签的“ 无域”部分下的列表，并在“编辑器”窗格中修改/替换包含以前版本的CSS脚本这些代码行与下面的这些代码行一起，可恢复滚动功能！直到＆，除非没有刷新页面或切换到另一个文件。

auto

---

但是每次遇到的问题都是，如果我们尝试刷新或切换到另一个文件，它将保持不变。是否有任何解决方法可以通过定义我们自己的自定义CSS文件或定义我们自己的JavaScript函数，然后将其嵌入HTML文件来永久解决此问题。

最后，解决方案应该是这样的，即使刷新或切换到另一个文件后，滚动功能也应该起作用！

安装了Google Chrome浏览器版本67.0.3396.99（正式版本）（64位）。

iframe.html-preview-frame {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    flex-grow: 1;
    margin: 20px;
    pointer-events: auto;
}

正在等待通过升级到较新版本的官方修复程序，但是找不到此问题的修复程序，并且Linux用户无法使用Chrome Canary。

Answer 1

对于任何有兴趣的人。我已使用上述CSS修复程序修改了Chrome开发工具主题。这是一个黑暗的主题，但是相同的修补程序也可以应用于任何其他DevTools主题。

链接：chrome-devtools-zerodarkmatrix-theme

更新 如果克隆存储库，则可以load it directly

更新＃2 Chrome浏览器68包含此修复程序-不再需要自定义DevTools主题。您可以按照相反的安装说明来禁用上述主题（如果已安装建议的主题）。

Answer 2

DevTools技术作家在这里。听起来像个虫子。请在https://crbug.com提交问题。