Webview開啟網頁上的限制
===

在APP開發中常會使用Webview(UIWebview)來開啟網頁，Webview和手機端的內建瀏覽器是不一樣的東西(內建瀏覽器，如：iOS Safari、Android Chrome)，所看到的呈現也會有所不同，在前端開發上常常會忘記這部分。

像是可能會遇到我們在手機上打開LINE通訊軟體，點了個朋友分享的網頁連結，有些畫面看起來不一樣，或是操作上沒有反應，以下整理了一些我在開發前端上遇到Webview的坑。

alert()、confirm()彈窗無法顯示
---
雖然現在在前端上比較少會使用到 ```alert()``` 、 ```confirm()``` ，大多都是客製化的modal，但在測試上因為方便還是會有用到，這邊要特別注意在Webview開啟時，網頁上的這些彈窗是完全沒有作用，不會顯示，也不能操作的。

前端開發在跟APP對接時，常會需要測試傳送資料，前端可以先暫時把資料傳送到畫面上，避免使用 ```alert()``` 或 ```confirm()```。

> 其他篇相關「前端與APP的交互」：
[前端接收APP Webview值](https://hackmd.io/@eating-coding/r1p9CTIyY)
[前端傳值給APP Webview](https://hackmd.io/@eating-coding/HJhQoAIJK)
[前端傳值給指定APP(外開的網頁)]()
[判斷網頁是否在APP內開啟(In-APP Webview/Browser)]()

###### tags: `前端開發筆記` `APP` `Javascript`