2011-01-19 40 views
4

隨着移動網絡應用成爲下一個大事..我開發了一個具有移動友好特性的小型網頁, Android和我的手機在這裏看到:http://dl.dropbox.com/u/4303088/gadgetdraftoknewdatac.html 它是純粹的JS .. 它從Google Spreadsheets獲取數據。如何讓頁面成爲常駐用戶(如果我沒有服務器?)

我可以在我的Android手機上加上書籤,也可能在i-Phone上,因爲它非常小,它的響應性非常好,但是我無法阻止頁面重新加載。我讀過的是,我必須更改網頁服務器來設置頁面過期(通過標題?)。目前,我正在從服務器提供服務,而我沒有這種控制權。這個副本從Dropbox例如..

有什麼辦法讓這種行爲更像是一個「安裝」應用程序使用直HTML/CSS/JS?

+0

@jnpcl:不! :P – Alerty 2011-01-20 02:02:56

回答

-1

看來,這是我正在尋找..將盡快嘗試! http://html5doctor.com/go-offline-with-application-cache/ 答案是使用一個清單文件:

清單文件 的文件名是在HTML

<!DOCTYPE html> 
<html lang="en" manifest="/offline.manifest"> 
    // your html document 
</html> 

清單文件的例子說明。 然後有一個名爲offline.manifest < < < <記同名文件在你的HTML 喜歡的東西::

# This is a comment 
CACHE: 
/css/screen.css 
/css/offline.css 
/js/screen.js 
/img/logo.png 

http://example.com/css/styles.css 

,就是這樣! 該解決方案似乎適用於現代移動設備,大大縮短了首次訪問後的DL時間。

1

我有兩種選擇給你,兩者都很有趣。

您可以通過網站HTML5ROCKS的在線presentation瞭解許多HTML5/CSS3/JavaScript功能的快速參考和演示。例如,您將在幻燈片中看到某些功能,如新的HTML5表單元素,WebSQL,WebSockets和Canvas。

唯一的問題是許多這些功能在許多瀏覽器中尚不可用。有一個HTML5 test自己檢查出來!

由於您可以使用非常創新的方式創建基於Web技術的跨平臺應用程序(桌面/移動設備),因此我保留了最後一部分。

看一看Titanium Mobileappcelerator,因爲你可以通過使用Web技術,比如HTML5,CSS3,JavaScript的,PHP,Ruby和Python製作iOS(iPhone/iPod的觸摸/ iPad的)和Android操作系統的應用程序。使用非常簡單!你用你最喜歡的網絡技術創建一個頁面,Titanium Desktop/Mobile用它創建一個應用程序。最好的部分是它是免費的!

玩得開心! :)

+0

這兩條線索都很有趣,但有點偏離,我相信截至目前,HTML5並沒有提供我所要求的內容。我希望能夠糾正,我希望避免使用一個完整的工具箱,儘管我可能在未來..我希望也許有一些HTML5中我忽略了一些東西,特別是Android和i-Phone瀏覽器/操作系統,截至目前我可以忽視其他手機...... – dartdog 2011-01-20 14:56:35

相關問題