如何下载JS游戏？

我可以将HTML和JavaScript放在同一.html文件中，但是图像必须是单独的文件。我想到的唯一解决方案是给用户一个.zip文件夹。

虽然这还不是很漂亮...我还能怎么做？

您可以使用dataurl-syntax将图像嵌入HTML文档中，该语法允许将二进制图像数据的base64表示形式作为图像的src属性。这也适用于任何其他类型的媒体文件。

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9EFBAoYMhVvMQIAAAAtSURBVHicY/z//z8DHoBH+v///yy4FDEyMjIwMDDhM3lgpaEuh7gTEzDiDxYA9HEPDF90e5YAAAAASUVORK5CYII=">

使用CSS样式表时，可以使用JavaScript完全创建这些过程。

仅将所有文件放入.zip文件中不是可行的解决方案，因为大多数Web应用程序都需要Web服务器，以便它们可以通过HTTP请求访问资源。在某些系统上，您可以通过file://URI方案访问文件，但是由于安全原因，不能保证该文件在任何地方都能正常工作，并且会因AJAX请求等原因而失败。

它可能适用于一个非常简单的应用程序，在该应用程序中您拥有最多的内联资源，但这确实不是我向所有人推荐的方法。但是，还有其他选择，例如：

生成本机应用程序

您可以使用Node-Webkit将Web应用程序打包为本地应用程序。您甚至可以使用它向游戏添加本机桌面功能（例如本地保存游戏）。

不过，这不是“ 打包完成 ”的方法。您可能必须重写应用程序的一部分并编写不同的加载程序（例如，对于台式机应用程序，您宁愿通过文件系统加载文件，而使用HTTP -浏览器/在线游戏中的请求）。

使用HTML5功能允许离线访问您的应用

如果您的主要目标是允许玩家离线玩游戏，那么您也可以使用应用程序缓存来允许离线访问您的应用程序。这是在大多数现代浏览器中均可使用的功能。额外的好处是，用户无需下载任何内容，即使离线也可以使用书签来玩游戏。

对于异步加载（AJAX）的资源，您还必须实现单独的加载机制。您可以利用本地存储来保存这些资源以供脱机使用。

要使基于Chrome的解决方案能够离线运行游戏并享受某些本机功能，可以考虑制作Chrome应用。

这样，您可以将其分发到Chrome Web Store中以提高可见性，可以使用一些强大的API，并使它看起来更像一个独立的应用程序。

缺点当然是需要Chrome。

好吧，这取决于您真正想要投入多少工作。使用当前的一组Web API，您可以：

• 创建一个渐进式Web应用程序（PWA） （可悲的是个PWA仅适用于手机和Chrome OS，但我听说过Chrome浏览器桌面很快就会有很快的支持。现在，它隐藏着一个标志后面），因为旧的应用缓存现已弃用
• 将所有内容转换为文本（图像和音频）。并鼓励用户按原样保存网页（使用Cmd+S或Ctrl+S在浏览器中）或将网页缓存为PWA。只是知道，在移动设备上，dataURI的性能不是很好。
• 您可以创建一个Chrome应用程序，但是不能在没有在Chrome操作系统上运行的任何Chrome版本上运行。这意味着它是更好地为您创建一个扩展，而不是
• 大多数游戏的内存不足10 MB，也就是说您可以将所有游戏数据缓存到本地存储中。如何执行此操作取决于您：您可以执行上述操作（将所有内容转换为文本），使用Blob api等。尽管我不鼓励这样做，因为某些手机可以从内存中清除整个游戏。这意味着您必须检查一切正常（如果代码仍在内存中），这意味着更长的加载时间，还可能使用户电话崩溃。如果您确实选择走这条路，那么使用LocalForage绝对可以使您受益
• 使用Electron或NW.js，您可以使用html，css和js创建桌面应用程序。也可以使用类似的方法来创建移动应用程序（使用诸如Cordova之类的东西或诸如PhoneGap之类的Cordova依赖项）。您可以这样做，并允许用户下载完整的游戏。
• 如果仍然要继续处理zip文件，请签出JSZip。我不知道如何使用它，但是我确定有人可以提出一个好主意（也许压缩文件，然后将二进制数据转换为字符串并将其内联到html中）。
• 这种怪异的hack允许您将任何文本数据加载为数据块。这只是您可以用来将资产嵌入到html文件中的另一个工具。