iOS開發者或許需要知道的一些網路與網頁前端知識及其combo技並如何在iOS13被摧毀又在iOS13.3被修復

Transcript

1. 在桌⾯建立捷徑 iOS開發者或許需要知道的⼀些網路與網⾴前端知識及其combo 技並如何在iOS13被摧毀⼜在iOS13.3被修復
2. 桌⾯捷徑是啥
4. 1. 是個網⾴，最好可以離線使⽤ 2. 被加到桌⾯時看起來要像個APP 3. 需要2種狀態 
 『提醒使⽤者加到主畫⾯』（很久以前有Private API 可以⽤）
 『跳轉到APP』 我們的⽬標
5. 跳轉到APP ‛ Deep Link 被加到桌⾯時看起來要像個APP ‛ ? 最好可以離線使⽤‛ ? 需要2種狀態‛ ?
6. 跳轉到APP ‛ Deep Link <a id="deeplink" href=“deeplink://some”></a> <script type="text/javascript"> var element = document.getElementById(‘deeplink'); var event = document.createEvent('MouseEvents'); event.initEvent('click', true, true, document.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null); setTimeout(function() { element.dispatchEvent(event); }, 25); </script> 1. 建立⼀個連結 2. ⽤ javascript 點擊這個連結
7. 被加到桌⾯時看起來要像個APP <link rel="apple-touch-icon" href="/custom_icon.png"> apple-touch-icon Apple Document Configuring Web Applications <meta name="apple-mobile-web-app-title" content="AppTitle"> apple-mobile-web-app-title
8. 最好可以離線使⽤ Data URI data:[<mediatype>][;base64],<data> mediatype 為⼀ MIME type 字串，例如 JPEG 圖檔為「image/jpeg」，為非必要 參數，若省略的話，默認值為「text/plain;charset=US-ASCII」。 MIME type
9. 需要2種狀態使⽤ <meta name="apple-mobile-web-app-capable" content="yes"> window.navigator.standalone true/false true false 跳轉 提醒 從桌⾯開啟時網⾴會是全螢幕狀態
10. guard let shortcutPage = URL(string: “data:text/html;base64,PGh0bWwPGh0bWw+Cjx…”) else { return } UIApplication.shared.open(shortcutPage) 毫無反應 open(url:) 不⽀援 Data URI
11. About Apple URL Schemes 1. 找個server放個網⾴做轉址 https://swiftrocks.com/adding-deeplink-shortcuts-to-the-ios-home-screen.html 2. ⽤swifter 建 local server
12. iOS13…. 以上是iOS12之前的事
13. iOS12 之前在全螢幕模式下每次開啟都會reload並觸發JavaScript iOS13 只有launch時會load內容 iOS13.3 修好了
14. <meta name="apple-mobile-web-app-capable" content=“no"> ⽤ document.referrer 判斷 ⽅法1 ⽅法2 第⼀次開啟的時候在網址後⾯加 hash tag,之後判斷 hash tag iOS13 ~ iOS13.2.1 該怎麼辦 不要使⽤全螢幕模式