使應用程序顯示移動網站中加載的iframe？

Question

我有一個使用Phonegap製作的應用程序。

對於某些功能，有時我需要加載一個網頁/網站到應用程序 - 爲此，我使用iframe。

iframe始終顯示網頁的桌面版本，儘管我知道該頁面具有響應式設計。

有沒有辦法強制iframe加載網站作爲手機？

Answer 1

您應該使用InAppBrowser插件來打開外部網頁。這將會更安全，因爲外文頁面將無法訪問您的Cordova實例。 （如果我有第三方頁面，並且通過iFrame將我的頁面加載到您的應用中，我可以輕鬆地「破解」您的應用並竊取用戶數據，運行任意的Cordova命令等）。在InAppBrowser中，您可以告訴瀏覽器打開當前Cordova WebView中的任何鏈接，這樣外部網站就會出現在您的應用中。我不知道你的外部網站是什麼樣的，但這可能是你想要做的。您可以通過設置目標爲_self做到這一點，就像這樣：

var ref = window.open('http://apache.org', '_blank', 'location=yes');