主屏幕（iphone風格）的Web應用程序？

只是想知道，當我有一個iphone，我能夠創建一個Web應用程序，然後放置一些代碼，這樣，當用戶按下「添加到主屏幕」圖標將被放置在主屏幕上，當用戶點擊它Web應用程序將運行全屏幕（無網頁導航欄），所以它只是看起來像一個普通的應用程序（雖然它只能與網上運行）有無論如何，我可以用android做到這一點，或者我必須編寫一個完整的應用程序做它？對不起，如果這有點不清楚。謝謝，亞當。主屏幕（iphone風格）的Web應用程序？

我用於iphone什麼：

<meta name="viewport" content="user-scalable=no, width=device-width" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<link rel="apple-touch-startup-image" href="images/myCustomStartupGraphic.png" />

來源

2011-12-23 burg93

我不認爲這是可能的。解決方法是製作一個非常簡單的應用程序，其中僅包含一個WebView，並將該應用程序加載到此webView中，然後將此應用程序發佈到Play商店。

WebView webView = findViewById(R.id.webView); 
webView.loadUrl("http://awesome.website.com");

然後在您的網站上，您可以使用HTTP用戶代理重定向用戶，以便在Android設備上下載此應用程序。

來源

2012-06-17 07:13:38 galex

我給了這個答案的賞金。雖然它並不像iPhone屬性方法那麼簡單，但它實際上給了我們我們想要的東西，而Android不會花費99美元/年，但我們可能需要將其添加到Play商店並不算太壞。這仍然意味着我們只有一個HTML5應用程序，我們不需要更新我們的Play應用程序，因爲它只是加載一個網頁。 – Fenton 2012-06-18 14:53:11

您可以添加一個網頁的書籤，並從那裏將它添加到您的主屏幕。但是，這不會使其全屏。上次我查了一下，你需要一個第三方的應用程序。

來源

2011-12-23 18:44:05 Zar

是的，我做了書籤的事情，但有點失望，當它與菜單欄等運行。有沒有人知道是否有內置功能或爲此？我讀過關於webview的東西，我可以在一個空的應用程序中顯示我的網頁？ – burg93 2011-12-23 19:39:56

我不認爲這是可能的，因爲這樣的主屏幕應用程序啓動不同的應用程序是通過啓動意圖。如果你的'app'只是一個URL，那麼它將被任何瀏覽器設置爲聽取像股票瀏覽器，Chrome瀏覽器，Firefox，Opera，Dolphin之類的URL。由於每個人都有自己的配置，因此您將無法一直刪除網絡導航欄的「鑲邊」。

你將不得不使用的PhoneGap /科爾多瓦，使包裝應用程序，但意識到嵌入式網頁視圖並不像全功能作爲一個完全成熟的瀏覽應用程序，以便測試總是建議。

來源

2012-06-16 23:42:00

現在，您可以將網頁添加爲應用程序在瀏覽器測試版的主屏幕爲Android。這是Chrome M31 Beta的新功能。我不確定何時會將其移入主流的Android版Chrome。要查找Chrome Beta，我不能只搜索Play商店，而必須在Chrome中進行常規Google搜索。該結果與Play商店中的Chrome Beta相關聯。

退房這裏的信息添加主屏幕選項： https://developers.google.com/chrome/mobile/docs/installtohomescreen

這是我獲得這項工作：

這個元標記添加到<head>：

<meta name="mobile-web-app-capable" content="yes">
添加此圖像鏈接到<head>的主屏幕圖標：

<link rel="shortcut icon" sizes="114x114" href="views/img/icon114x114.png" />

我曾在幾個尺寸已經取得的圖標，並結束了使用一個在114x114。我發現我在iOS中使用的圖標的512x512版本在Chrome中不適用於我，在<link>中設置了sizes="512x512"或sizes="114x114"。 Google推薦的尺寸是196x196。

如果您有任何問題，Google遠程調試器非常適合故障排除。 https://developers.google.com/chrome-developer-tools/docs/remote-debugging

來源

2013-11-25 18:40:52

主屏幕（iphone風格）的Web應用程序？

回答

相關問題