Chrome开发者工具网络选项卡中缺少视频内容

Question

以下网站: http://www.themedept.com/demo/getleads/agency.html 展示了一个循环播放的视频: http://www.themedept.com/demo/getleads/images/video/video.mp4 为什么这个视频在Chrome浏览器的开发者网络工具选项卡中没有出现呢? 额外信息: 该视频通过Javascript调用，将以下元素添加到页面。

<video autoplay="" loop="" muted="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; width: 1352px; height: auto;"><source src="images/video/video.mp4" type="video/mp4"><source src="images/video/video.webm" type="video/webm"><source src="images/video/video.ogv" type="video/ogg"></video>

调用此代码的JavaScript文件位于： http://www.themedept.com/demo/getleads/js/plugins/jquery.vide.min.js

- James

---

这个在我的网络选项卡中显示。我搜索了 mp4 并可以看到该条目。事实上，每次循环开始时，我都可以看到这个视频的新 GET 请求，这似乎不正确。我会在能够时截取我的网络选项卡。 - andyb

Answer 1

我遇到了相同的问题（Chrome 54.0.2840.99 m），但我发现在无痕浏览会话中至少可以正常工作。

看起来Chrome Dev Tools没有尊重视频的“禁用缓存”设置。

- maz

---

我已经升级到Chrome 55。注意到video.mp4只出现在隐身模式下。 - James

我已经在CRBugs上提交了一个Chrome的bug。 - James

@James 我还是遇到了同样的问题。你有这个错误报告的URL吗？ - Mike Chamberlain

似乎唯一适合的是 https://bugs.chromium.org/p/chromium/issues/detail?id=649920。 - maz

评论 9 在 670643 中指出，您可以导航离开并再次返回以重置 Dev 工具。 - Sean

仍未解决。导航离开并返回可以正常工作（在私密模式下测试），但如果您使用返回按钮则无法正常工作。 - wortwart

Answer 2

在 Mozilla FireFox 中遇到同样的问题。 您可以使用 FireFox 的私密窗口来请求视频源。 或者在 Chrome 中使用无痕模式。

- DocSS

---

谢谢-我也遇到了同样的问题，而且在Firefox（Quantum）中也是如此-正如你所说，隐身窗口可以正确显示请求。很奇怪。这是什么原因...由于它在多个浏览器中发生，似乎这个问题需要一个超越“这是一个错误...”的答案。 - Inigo

Answer 3

即使禁用缓存，2021年仍存在Chrome中的错误，而且在隐身模式下也似乎不起作用；但在Mozilla / Firefox中可以正确反映

使用Chrome时，在Lighthouse中报告了它，因此似乎是开发工具的错误

- DotDotJames

Answer 4

我使用的是 MS Edge 版本 86.0.622.48（我在 macOS Mojave 上），它可以正常工作！适用于那些在 Chrome 和 Firefox 上遇到问题的人发送！

- chikitin