本頁為 你知道你的網站可能在 InAppBrowser/webview 無法使用嗎? – 要改的地方太多了,那就改天吧 範例測試頁。

Alert() 功能測試

有些 in-app Browser 點擊下方按鈕後,不會跳出 hey

點擊測試

confirm() 功能測試

有些 in-app Browser 點擊下方按鈕後,不會跳出確認視窗

點擊測試

Facebook 分享視窗測試

使用 in-app Browser 瀏覽器,可能碰到以下狀況:

  • 按取消,仍會得到分享成功。
  • 成功分享後,可能會卡在一個白畫面,無法回到網頁。

點擊測試
Card image cap

儲存圖片功能測試

有些 in-app Browser 長按圖片時,不會跳出下載功能。

window.open

有些 in-app Browser 無法開啟彈跳視窗。

開啟一個有 Google 的彈跳視窗

target="_blank" 開新視窗與原視窗控制

用 target="_blank" 開新視窗時,使用 window.opener 修改原視窗內容。此功能可能會被瀏覽器視為安全漏洞而無法使用。

用新視窗開啟 Google

跨視窗控制

有些 in-app Browser 無法開啟彈跳視窗,也無法正常進行各項操作。

先按下方鈕開啟空白彈跳視窗,且不要關閉
開啟空白彈跳視窗

再按以下按鈕,控制剛剛開啟的彈跳視窗

Facebook Login API 測試

有些 in-app Browser 瀏覽器,按下同意授權後,卡在一個白畫面,無法回到原來的網頁。或是無法傳回任何值。

HTML5 Geolocation API

有些 in-app Browser 瀏覽器,按下同意授權位置訊息後,程式卻無法正常接收經緯度。

測試取得 GPS 位置

列印測試

有些 in-app Browser 瀏覽器,按下列印之後,不會跳出預覽列印視窗。

列印

File input 檔案選擇測試

有些 in-app Browser 瀏覽器,按了瀏覽檔案之後,畫面毫無反應。

一般型

只能上傳圖片

只能上傳圖片,呼叫照相機

PWA 模式測試

若同時滿足以下條件:

  • 網頁有 HTTPS
  • 開發者為網頁加入 manifest.json 設定檔
  • 使用者使用 iOS 11.3+ 的 Safari 或 Android 的 Google Chrome 40+
  • 使用者將網頁加入到主畫面(釘選至桌面),並從這個桌面捷徑開啟網頁
將導致網頁可能用一種無瀏覽器工具列的 web app 模式開啟。
本頁所提問題同樣有可能出現在 PWA 偽網頁 app 模式中。

HTML5 Fullscreen API

有些 in-app Browser 瀏覽器,無法使用 HTML5 Fullscreen API 讓網頁全螢幕。

全螢幕

input autocomplete test

有些 in-app Browser 使用版本很舊的瀏覽器引擎,填寫 email 時,自動完成功能也可以直接填入瀏覽器已記錄的信用卡資訊。

分享到 Facebook 分享到 Line