避免使用 Apple iOS 添加到主屏幕的 App Store
我會為此受到一些抨擊,但我不是 Mac 迷。 好吧,我就是受不了他們。 我不知道為什麼,但這是一個開始:要為出色的 iPhone 開發應用程序,您必須僅在裝有 Mac 軟件的 Mac 上進行開發——投資遠遠超過 2,000 美元。
然而,iPhone 是一個市場變革者,營銷媒體企業必須迎合這一趨勢。
因此,您想要獲得類似 App 訪問的好處,但又不想要費用(也不想要強制遷移到 Mac 平台),或者您可能不想學習一門全新的代碼語言。
您在 Web 應用程序編程方面做得很好,並且享受雲託管的所有好處,那麼為什麼現在要構建客戶端應用程序呢? 特別是如果您主要對 App Store 的曝光率不感興趣——人們會通過您自己的營銷努力找到您的應用程序,並且您希望為他們提供一鍵式快速訪問行為。 如果您有一個偽應用程序,那將是最好的。
添加到主屏幕
好消息。 iPhone 具有支持這種功能的內置功能。 不需要 Mac。 客戶端應用程序不需要二次編程。 您只需要以下內容:
- 設計或響應320像素寬的網站。
- 這個 程式碼片段 和圖像
<head>
<title>Add To Home</title>
<link rel="stylesheet" type="text/css" href="../../style/addtohomescreen.css">
<script src="../../src/addtohomescreen.js"></script>
<script>
addToHomescreen();
</script>
</head>
- 使用 apple-touch 圖標 PNG 格式
首先,這些代碼原則上是做什麼的?
上面壓縮文件中的代碼旨在 指導 用戶需要採取的步驟。 它直觀地教給他們已經可用的本機 iPhone 功能,使您的網頁像任何其他應用程序一樣可訪問。 其次,它有內置措施,因此它只顯示在 iPhone 上,並允許用戶關閉提示,在 6 個月內再也不會看到它,屆時他們會再次收到提醒。
現在,對於令人討厭的部分:如何安裝?
- 將您的圖標保存為 png 文件(例如。 蘋果觸摸圖標.png) 並將其上傳到您網站的根目錄,並在標題中使用適當的 > 鏈接 > 標記引用它。 雖然您可以重命名並引用其他地方的特定位置,但 Safari 會自動在您網站的根目錄中查找此文件名。
<link rel="apple-touch-icon" href="apple-touch-icon.png">
就是這樣。 如果您按照這些步驟操作,您應該會在 iPhone 上看到一條提示,將用戶指向其 Safari 瀏覽器中的快捷方式圖標並指示他們 添加到主屏幕 一鍵式訪問,就像其他所有應用一樣。
現在,您的 Web 應用程序將在 iPhone 屏幕上使用一個圖標作為書籤。 在外觀和訪問方便性方面,它具有原生應用程序的所有優點,而無需花費或麻煩。