如何仅获取 JavaScript 文件的一部分？

Question

我有一个非常大的 JavaScript 文件（比如超过 10mb），按字节偏移分为不同的部分

我想将此 JavaScript 文件作为不同的片段加载到我的 HTML 代码中，具体取决于字节偏移量，使用脚本标记，这样只会加载 JS 文件的那一部分

我知道我可以在我的服务器上设置它以接收 GET 请求查询字符串，就像?bytes=10-40在srcurl 的末尾一样，但我想知道是否可以仅使用客户端代码来执行此操作，而无需添加服务器（假设服务器无论如何都支持accept-ranges:bytes，或者最好仅用于离线使用，如果可能的话，只包含离线 js 文件并以这种方式获取内容）

这可以在客户端 JavaScript 中完成吗（没有其他XMLHttpRequestor fetch）？

Answer 1

我认为将文件拆分为多个文件是最好的方法，这样您将从缓存机制中受益。话虽如此，您可以通过请求文件的一部分然后将响应文本注入script元素并将其附加到文档中来实现您在问题中所要求的内容：let xhr = new XMLHttpRequest();xhr.open('GET', 'url/of/the/js/file');xhr.setRequestHeader('Range', 'bytes=10-40');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// set the range of the requestxhr.onload = function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // when the request finishes&nbsp; &nbsp; let scriptEl = document.createElement("script");&nbsp; &nbsp; &nbsp; // create a <script> element&nbsp; &nbsp; scriptEl.type = "text/javascript";&nbsp; &nbsp; scriptEl.textContent = xhr.responseText;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // set its content to the response text which is the snippet of code you requested (please take a look at this other SO answer https://stackoverflow.com/a/6433770)&nbsp; &nbsp; document.body.appendChild(scriptEl);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // append that element to the body, the code will then be executed};// probably a good idea to handle xhr.onerror as well in case something goes wrongxhr.send();