久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

如何實(shí)現(xiàn)html5頁面,自動(dòng)提示添加到主屏幕

 超級(jí)致富寶典 2021-01-26

本文原創(chuàng)自news.mkq.online
版權(quán)聲明:本文為原創(chuàng)文章,,版權(quán)牛站新聞所有
轉(zhuǎn)載請(qǐng)注明http://www./Bago/
雖然沒有能力開發(fā)Native App,但還是可以利用iOS中Safari瀏覽器的特性小小的折騰一下,,做一個(gè)偽Web App滿足下小小的虛榮心的,。

既然是在iOS中的Safari折騰的,那么代碼中利用到的也基本上都是Safari的私有屬性,。

添加圖標(biāo)到主屏幕是Web App的第一步:

添加圖標(biāo)到屏幕里的有兩種屬性值apple-touch-icon和apple-touch-icon-precomposed,,區(qū)別就在于是否會(huì)應(yīng)用iOS中自動(dòng)給圖標(biāo)添加的那層高光。

由于iPhone以及iPad都有兩種分辨率的設(shè)備存在,,圖標(biāo)的尺寸就需要做4個(gè):144×144(iPad Retina),、72×72(iPad)、114×114(iPhone Retina),、57×57(iPhone),。

可以使用sizes尺寸來告訴設(shè)備該調(diào)用哪個(gè)圖標(biāo)。

有了圖標(biāo)還不夠像,,還需要加上啟動(dòng)畫面:

apple-touch-startup-image是用來標(biāo)示啟動(dòng)畫面的,,但它不像apple-touch-icon可以指定sizes來告訴設(shè)備該使用哪個(gè)圖片(也有一種說法是在iOS5中已經(jīng)支持sizes識(shí)別了,但沒有測試成功),,所以只能通過media里的設(shè)備分辨率的判斷值來識(shí)別,,而iPhone Retina的分辨率值界于取值之間,所以需要通過webkit的私有屬性-webkit-min-device-pixel-ratio:2來鑒別像素密度以進(jìn)行識(shí)別,。

啟動(dòng)畫面的圖片尺寸并非完全等于設(shè)備的尺寸,,比如iPad2的尺寸是1024×768,但它的啟動(dòng)畫面尺寸橫向是1024×748,,豎向尺寸是 768×1004,,因?yàn)樾枰獪p去系統(tǒng)狀欄的高度20px,,而使用的Retina屏幕的iPhone4以及iPad3則需要減去狀態(tài)欄的高度40px。

Web App運(yùn)行起來要像Native App,,那么就要去掉Safari的一些默認(rèn)控件,比如地址欄,、狀態(tài)欄之類的,。

apple-mobile-web-app-capable是用來定義應(yīng)用全屏展示的;在定義了apple-mobile-web-app- capable的前提下,,設(shè)置狀態(tài)欄的屬性值apple-mobile-web-app-status-bar-style才有效,;format- detection的值用于啟用或禁用自動(dòng)檢測在網(wǎng)頁中可能出現(xiàn)的電話號(hào)碼;

viewport并非Safari的私有屬性,,width用于指定寬度,,initial-scale指定初始化的縮略比例,minimum-scale指定縮小的比例,,而maximum-scale則是放大的比例,,當(dāng)然這些縮放都取決于user-scalable——決定用戶是否能縮放頁面。

更正:

雖然New iPad采用了Retina屏幕,,但實(shí)際上物理分辨率并沒有變,,還是1024*768的,所以以上代碼中的New iPad的啟動(dòng)畫面代碼尺寸有誤,,應(yīng)該是

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息,謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多