javascript - Navigator.sendBeacon() 数据大小限制

Question

我想使用全新的 Beacon API。我在网上搜索但找不到数据发送数据的大小限制是多少。在引用文献中，它是针对少量数据编写的，但我必须知道有多少...

Answer 1

如果设置了最大大小，则取决于用户代理(浏览器或其他)。

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

通过创建可变长度的字符串 N(从 的任意高值开始)，您可以轻松地为网页中的 data 大小限制创建测试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');
}