如何创建HTML5 100%离线应用程序?

时间:2012-07-11 14:57:37

标签: html5

有时我需要编写一个小程序来表示图表中的某些数据或类似的东西。我一直想通过浏览器使用HTML5来做这类事情。我认为使用它的画布为简单的应用程序创建一个漂亮的UI会很好。

我已经阅读了一些与HTML5离线应用程序相关的文章,但他们专注于下载您需要的所有数据并将其保存到缓存中以便以后离线使用。您甚至需要设置Apache服务器(或类似服务器)来创建您的应用程序。

我不需要我的应用程序就可以在我的计算机上联机。我只是想创建一个简单的应用程序,与网络完全无关。

我该怎么做?它甚至可能还是值得的?有没有“Hello world!”有关这方面的教程吗?

2 个答案:

答案 0 :(得分:2)

Mozilla Prism之类的内容适合展示内容as an application

没有必要像Apache这样的Web服务器只在浏览器中显示HTML5 / Javascript。您可以将它全部放在桌面上的文件夹中,然后使用file://协议将其加载到浏览器中。

例如,file://C:/Documents and Settings/YourUser/Desktop/YourApp/index.html会在用户桌面上名为YourApp的文件夹中打开一个HTML文件。

答案 1 :(得分:0)

如果您发现需要在本地读取静态HTML + Javascript文件,那么我建议您在控制台中使用此python命令:

python -m SimpleHTTPServer

它启动一个简单的HTTP服务器(谁猜对了),它服务于当前工作目录中的文件。实际上,它与启动apache webserver,将一些静态资产放在/var/www/...等等相同。

您也可以浏览file:///some/folder处的资产;但是,大多数浏览器会阻止javascript在以这种方式加载文件时使用AJAX,当你去加载它时会显示为一堆错误。