基於信息亭的應用程序的HTML 5/Javascript

Question

有沒有人有使用HTML 5和Javascript構建長時間運行的信息亭應用程序的經驗？

目前，我們正在使用Silverlight，但想移動的東西更輕便/靈活。我們擔心的事情是內存泄漏，可靠的脫機能力（設備可能會經常失去互聯網連接）。

理想所以有一個共享代碼庫

感謝您的時間

Answer 1

很好的問題，我們將使用相同的框架，在網上和亭上。我從來沒有爲Kiosk開發過，但其他離線/在線應用程序必須位於網站和桌面上。

我用QT Project這把我的網站到一個exe。這對我來說很合適，因爲我正確地開發了它，並且能夠分享大約90％的代碼庫，並儘快瞄準100％。

如果您在應用程序並不需要嵌入在HTML即沒有PHP服務器端的代碼，但更多的是依靠呼叫服務器，並使用JSON，例如，你應該能夠做到這一點傳達意義的發展。

然後，如果你需要它將會更容易在平臺之間移動，甚至可以使用BB Webworks for Blackberry進行打包，但您可能不希望這樣做，只是在開發客戶端時試圖說明問題，服務器端單獨的客戶端的可移植性變得驚人！

Answer 2

你應該對HTML5沒有任何問題。我會推薦一款Windows 8觸控設備。首先，您可以觸摸它，使您的信息亭更具互動性。第二你得到IE 10這是一個相當不錯的HTML5瀏覽器，提供良好的客戶端存儲選項。

在IE 10你會得到555 MB結合客戶端存儲的，http://labs.ft.com/2012/06/text-re-encoding-for-optimising-storage-capacity-in-the-browser/。它也支持離線模式。你得到巨​​大的GPU加速動畫，過渡等

至於你的應用程序的架構，我建議一個單頁應用程序。我並不是MVVM垃圾風扇，因爲它們是代碼和內存膨脹。我寫了一篇文章，並回顧了使用localStorage作爲存儲介質，http://professionalaspnet.com/archive/2011/10/08/Use-Local-Storage-to-Make-Your-Single-Page-Web-Application-Rock.aspx。從那時起，我已經推進了這一機制。你也可以在這裏閱讀關於這個，http://tech.pro/tutorial/1165/use-the-jquery-localstorage-and-prefetch-filter-to-optimize-performance。

至於內存泄漏。我現在已經做了大約2年的SPA。由於大多數移動操作系統會限制您的內存使用量，例如移動Safari會導致崩潰。將您的變量保持在最低限度，這是我利用本地存儲的原因之一。

這是一個很大的問題，謝謝大家要求它。現在我的頭腦會整天鬧騰！