如何在 firebug 中显示视频通话?
how to show video calls in firebug?
在 Chrome 中,当您查看开发人员工具时,您可以看到它正在进行的 HTML5- 视频通话。 (我按 MB 为它们提供分块服务,因此每 10-12 秒就会下载 1 个文件)。
但是在 Firefox 中(Firebug),我看不到这些调用?
这怎么可能,我该怎么做才能展示这些?
这是我显示的 HTML 页面:
<html>
<head>
<link rel='stylesheet' href='/icons.css' />
<!--
<link href="/video-js.min.css" rel="stylesheet">
<script src="/ie8/videojs-ie8.min.js"></script>
-->
<link rel='stylesheet' href='/style.css' />
</head>
<body>
<video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360" poster="/thumbs/movie.jpg" data-setup="{}" preload="none">
<source src="/movie.mp4?read=1" type='video/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<!--
<script src="/video.min.js"></script>
-->
</body>
</html>
在 Chrome 我可以看到这个:
GET /movie.mp4?read=1 HTTP/1.1
Host: ******
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Accept-Encoding: identity;q=1, *;q=0
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
Accept: */*
Referer: http://*****/movie.mp4
Accept-Language: nl,en-GB;q=0.8,en;q=0.6,en-US;q=0.4,fr;q=0.2
Range: bytes=4000000-
在Firebug...没有...
我已经尝试在 Google 上查找它,但或者我没有使用正确的术语,或者之前没有其他人遇到过同样的问题。
我希望这里有人能指出我能做些什么。
谢谢!
首先我认为这可能是 Firebug 中的错误。而作为 Firebug is officially discontinued,应该改用 Firefox DevTools。但是我意识到 DevTools 也有同样的问题,这让我想到这一定是一个潜在的问题。
所以,真正的原因是视频在下载后被缓存,然后使用 Ctrl+F5 重新加载页面绕过缓存或禁用浏览器缓存不会导致再次下载它。
您需要清除缓存(通过 Firefox 菜单 > History > Clear Recent History... 或通过按 Ctrl+Shift+Del)。然后视频再次下载并显示在 Firebug 和 Firefox DevTools 的网络请求列表中。
Firebug:
Firefox 开发者工具
为此提交了几个错误。其中之一与 Firefox DevTools 相关,是 bug 1277514.
在 Chrome 中,当您查看开发人员工具时,您可以看到它正在进行的 HTML5- 视频通话。 (我按 MB 为它们提供分块服务,因此每 10-12 秒就会下载 1 个文件)。
但是在 Firefox 中(Firebug),我看不到这些调用?
这怎么可能,我该怎么做才能展示这些? 这是我显示的 HTML 页面:
<html>
<head>
<link rel='stylesheet' href='/icons.css' />
<!--
<link href="/video-js.min.css" rel="stylesheet">
<script src="/ie8/videojs-ie8.min.js"></script>
-->
<link rel='stylesheet' href='/style.css' />
</head>
<body>
<video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360" poster="/thumbs/movie.jpg" data-setup="{}" preload="none">
<source src="/movie.mp4?read=1" type='video/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<!--
<script src="/video.min.js"></script>
-->
</body>
</html>
在 Chrome 我可以看到这个:
GET /movie.mp4?read=1 HTTP/1.1
Host: ******
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Accept-Encoding: identity;q=1, *;q=0
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
Accept: */*
Referer: http://*****/movie.mp4
Accept-Language: nl,en-GB;q=0.8,en;q=0.6,en-US;q=0.4,fr;q=0.2
Range: bytes=4000000-
在Firebug...没有...
我已经尝试在 Google 上查找它,但或者我没有使用正确的术语,或者之前没有其他人遇到过同样的问题。
我希望这里有人能指出我能做些什么。
谢谢!
首先我认为这可能是 Firebug 中的错误。而作为 Firebug is officially discontinued,应该改用 Firefox DevTools。但是我意识到 DevTools 也有同样的问题,这让我想到这一定是一个潜在的问题。
所以,真正的原因是视频在下载后被缓存,然后使用 Ctrl+F5 重新加载页面绕过缓存或禁用浏览器缓存不会导致再次下载它。
您需要清除缓存(通过 Firefox 菜单 > History > Clear Recent History... 或通过按 Ctrl+Shift+Del)。然后视频再次下载并显示在 Firebug 和 Firefox DevTools 的网络请求列表中。
Firebug:
Firefox 开发者工具
为此提交了几个错误。其中之一与 Firefox DevTools 相关,是 bug 1277514.