Navigator.sendBeacon（）数据大小限制

Question

我想使用相当新的beacon api。 我在网上搜索但我找不到数据发送数据的大小限制。 在参考文献中，它写的是用于少量数据，但我必须知道有多少......

Answer 1

最大大小（如果已设置）将取决于用户代理（浏览器或其他）。

见http://www.w3.org/TR/beacon/#sec-sendBeacon-method

你可以很容易地创建了一个测试data创建的可变长度字符串在你的网页大小限制N （与任意高的值开始N ，并使用二进制搜索），并检查返回值sendBeacon （每规范，当超出用户代理数据限制时， sendBeacon返回false 。

例如，我使用此方法确认在Windows 7上的Chrome 40中限制为65536 （ 2^16 ）。

示例代码（没有二进制搜索n ）：

var url = 'http://jsfiddle.net?sendbeacon';
var n = 65536; // sendBeacon limit for Chrome v40 on Windows (2^16)

// this method courtesy of http://stackoverflow.com/questions/14343844/create-a-string-of-variable-length-filled-with-a-repeated-character
var data = new Array(n+1).join('X'); // generate string of length n

if(!navigator.sendBeacon(url, data))
{
   alert('data limit reached');
}

Answer 2

回答Zbun的评论问题 ：

简而言之， sendBeacon()请求队列的总字节大小以及单个sendBeacon()请求的有效负载大小都有限制。

正如在没有必要的答案中提到的那样 ， W3C规范说：

用户代理必须在设置了keepalive标志的情况下启动提取，这限制了这些请求可以排队的数据量，以确保信标请求能够快速及时地完成。

这仍然会使实际的字节大小限制达到每个实现，目前大多数浏览器通常为64KB。

此外，在相关的GitHub问题中， 通过Fetch API＃39强制执行有效负载限制 ，提到传输中的有效负载的字节大小已计入并具有类似的限制。 您可以查看Chromium的测试文件，看看64KB是Chromium的限制，并且与您指出的完全相同的行为（超出限制后的后续请求）是合适的。

https://chromium.googlesource.com/chromium/src/+/c1a211aa583ade023aca652e9493c01603623aa3/third_party/WebKit/LayoutTests/http/tests/sendbeacon/beacon-allowance-limit.html