webApp新增到iOS桌面

2022-02-10 10:04:03 字數 643 閱讀 7579

ios中的safri瀏覽器可以將乙個網頁新增到桌面,當做乙個獨立的應用執行。

全屏顯示:

系統頂欄的顏色(黑色和白色):

桌面程圖示(如果不設定,則圖示會顯示網頁的截圖):

但是,ios會自作多情的給這個圖示加上高光,如果想圖示不被高光,可以這樣:

如果想給不同的裝置匹配不同的icon,可以加上size屬性:

程式啟動的過程中,需要指定啟動畫面,否則,白屏或者截圖是讓人很不愉悅的。

ios有ipad和iphone/ipod touch之分。

ipad的啟動畫面是橫豎屏分開的,畫面的尺寸必須是1024*768、768*1024。

iphone和ipod touch雖然都是豎屏的,但是卻有retina螢幕和非retina螢幕之分;另外它們啟動畫面的尺寸並不是螢幕的大小,而是(螢幕寬度)*(螢幕高度-20)。也就是說,非retina的尺寸為320*460,retina螢幕的尺寸為640*920。

引入啟動畫面是支援**查詢的。

因此,可以通過media query給ipad的橫豎屏引入不同的圖:

但是**查詢卻搞不定retina螢幕,所以通過js來hack:

首先,給普通的解析度引入320*460的:

&& window.devicepixelratio >= 2)

webApp新增到iOS桌面

ios中的safri瀏覽器可以將乙個網頁新增到桌面,當做乙個獨立的應用執行。全屏顯示 系統頂欄的顏色 黑色和白色 桌面程圖示 如果不設定,則圖示會顯示網頁的截圖 但是,ios會自作多情的給這個圖示加上高光,如果想圖示不被高光,可以這樣 如果想給不同的裝置匹配不同的icon,可以加上size屬性 程式...

Linux把程式新增到桌面與啟動器

在桌面建立快捷方式 1 cd到桌面 cd desktop 2 建立乙個檔案eclipse.desktop sudo vim eclipse.desktop 3 編輯這個檔案,輸入以下內容 注意三點 exec根據eclipse解壓具體位置而定,我的在 opt eclipse icon為eclipse圖...

bat新增到windows服務

1 編寫bat指令碼 注釋 echo off 顯示當前日期時間 echo data time 切換到指定的vue伺服器工作路徑 cd d e colleaguefiles pvgrid nanrui demo 執行vue服務啟動命令 前提條件 1 npm install 完成 2 npm run d...