H5建立webApp儲存到桌面。

2021-08-16 22:00:36 字數 964 閱讀 4862

蘋果端儲存到桌面**:(注意尺寸是57x57)

name="viewport"

content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

content="yes"/>

content="telephone=yes"

name="format-detection"/>

content="white"/>

name="x5-fullscreen"

content="true"/>

content="yes"/>

href="css/pc/index.css"

type="text/css"

rel="stylesheet"/>

sizes="57x57"

href="img/logo-k.png"/>

href="img/page-icon.png"

rel="shortcut icon"/>

試了一下發現安卓端用瀏覽器開啟儲存到桌面後圖示顯示不了,(chrome和uc)都不行。但是看了嗶哩嗶哩**上的可以。

安卓端於是多了一行**:

rel="manifest"

href="manifest.json">

manifest.json檔案內容如下(直接複製嗶哩嗶哩的):

, , , , , , , ],

"permissions":

}}

看了一下他們需要適應不同的手機螢幕,所以就有不同的尺寸。

檢視看下mozilla 的web開發文件manifest檔案的解釋如下:

剛離職,心有點亂,一直在努力著,希望可以盡快找到合適自己的工作。

H5高階 儲存

html5程式設計介面 canvas api 拖放api 地理位置api 儲存api 檔案api 通訊api 多執行緒api 離線api 歷史api 選擇元素 queryselector 選擇器 獲取乙個元素 queryselectorall 選擇器 獲取多個元素 監聽事件 addeventlist...

H5離線儲存

首先,我們建立乙個html檔案,類似這樣 network,與fallback,其中network和fallback為可選項,而第一行cache manifest為固定格式,必須寫在前面。cache 必須 標識出哪些檔案需要快取,可以是相對路徑也可以是絕對路徑。例如 aa.css,network 可選...

h5離線儲存 manifest

1 問題分析 html5提出的乙個新的特性 離線儲存。通過離線儲存,我們可以通過把需要離線儲存在本地的檔案列在乙個manifest配置檔案中,這樣即使在離線的情況下,使用者也可以正常看見網頁。2 核心問題講解 這個 不是很常用 就是告訴大家 以後見到要認識 使用 1 在需要離線快取儲存的頁面 加上 ...