2021年12月9日 星期四

HTML5 : iOS 私密瀏覽模式中無法正常執行程序

2021年12月9日 星期四

 為了讓 HTML5 筆順練習程式的顯示/拆解部件可以更輕巧,少耗一些資源,研究了幾天的 Canvas API 的 Path2D,較新版的瀏覽器當然是沒什麼問題,考慮到可能有人是使用較舊的載具,於是拿出 iPad Mini 第一代(iOS 7.1.2) 來測試,果然如預期,它的瀏覽器不支援 Path2D。想說,那就順便測試一下 HTML5 FUN 中的程式吧!

第一關,有了!

可加為主畫面圖示的說明


第二關,Yes !有載入程式中的訊息

載入程式中的訊息

然後就這麼一直「Starting」,凍結不動了!

想說完了!以前明明都好好的程式也都不能執行,只好打開原始碼,開始一段段的除蟲。不過,以同一部 iPad min 開啟未將 JavaScript 壓縮(最佳化)過的 HTML5 筆順練習程式,是可以順利載入程式的,並執行到「下載筆順資料」的對話框,接下來是卡在將資料寫入瀏覽器的 localStorage 空間這個程序。顯示的錯誤訊息是:


QuotaExceededError: Dom exception 22: An attempt was made to add something to storage that exceeded the quota


訊息是空間不足,不過,查了一下載具,明明使用量沒有多少;為了證明是不是真的空間不足,猶豫了一會兒,還是按下了 Safari 設定中的「清除 Cooke 和資料」,好的!把人家的資料清除了,果然問題還是存在,錯誤訊息還是一樣。

用錯誤訊息找到了這一則:


裡面有人提到了「私密瀏覽模式」,我才注意到 iPad mini Safari 頁面上緣的顏色不太一樣,拿出 iPad 4 (iOS 10.3.4),切換到「私密瀏覽」測試 HTML5 FUN 的網頁,果然也是卡在「Starting」就不動了。

私密瀏覽 HTML5 FUN

所以結論是在較舊版的 Safari 中,「私密瀏覽」的模式會無法使用 localStorage 來暫存資料,也無法載入最佳化過的 JavaScript 來執行。想繼續使用程式,只好關閉「私密瀏覽」模式後,重新開啟網頁。

iOS 10.3.4 關閉私密瀏覽模式


為了這個問題,耗去了不少時間在「摸象」,不過,還是有收穫,下回會先確認一下瀏覽器是否進入不同的國度了!



沒有留言:

張貼留言

 
雄::gsyan © 2009. Design by Pocket