在HTML5應用程序中使用IFRAME

我正在編寫HTML5移動應用程序，並使用PhoneGap將它推送到iPad。該應用程序類似於iPad的Twitter應用程序，因爲它列出了一堆項目，讓用戶點擊這些項目，並可能在應用程序中加載外部鏈接。 Facebook也會在他們的應用程序中做到這一點。在HTML5應用程序中使用IFRAME

編寫一個在HTML5應用程序中加載外部內容的應用程序已被證明是非常糟糕的體驗。我可以在頁面上轉儲一個IFRAME，但不支持在iPad上滾動。我做了一些hacky的事情來將iscroll4連接到iframe，但它是非常不一致的。腳本可以跳轉iframe並嘗試跳出。引發安全錯誤。您必須修改PhoneGap源以允許來自iframe的外部請求。我無法對元視口做任何假設，因爲源是外部的。名單繼續...

我可以修復很多這些東西與個人黑客工作環境和黑暗魔法，但是這一整段時間，我覺得那裏只是有一個更好的方式。有沒有一個組件可以解決所有這些問題？我覺得像JavaScript的瀏覽器本地包裝將解決很多這些問題，但似乎無法找到任何類似的東西 - 其他人正在使用什麼？

注：我只是發現了手機瀏覽器的間隙插件 - 我猜這將是一個受歡迎的選擇:-)

來源

2011-12-23 Justin Beckwith

嘗試使用childbrowser phonegap插件 – kvc 2011-12-23 21:04:01

我試用了ChildBrowser插件。它運作良好，我猜 - 如果我可以綁定div內的東西，並將其視爲一個響應大小，位置和樣式的普通元素，將會很好。 – 2011-12-26 08:10:45

仍有點困惑與你正在努力完成。謹慎地詳細闡述一下？看看[小提琴]（http://jsfiddle.net/monkmartinez/NNaBv/）有什麼相似之處？ – Martinez 2011-12-31 05:37:35

KVC主要是對上。答案是使用ChildBrowser phonegap插件，但只需進行一些修改即可獲得我需要的內容。

來源

2012-01-01 06:11:24

我現在遇到同樣的問題（想要瀏覽器視圖，同時仍然可以訪問主應用程序的其他按鈕）。我使用jquery mobile和phonegap。你能指定這些修改是爲了使它最終工作嗎？ – gabsen 2013-02-07 01:43:58

在HTML5應用程序中使用IFRAME

回答

相關問題