在Cordova應用中僅縮放或縮放iframe

Question

在過去的幾天里，我一直在與這個問題作斗爭，無法深入探究。

我正在尋找一種將iframe嵌入cordova應用程序（在iOS設備上運行）以顯示外部網頁，並允許用戶捏縮縮放/縮放iframe內容而不縮放主應用程序內容的方法。

Cordova視圖的元數據為：

<meta name="viewport" content="initial-scale=1, user-scalable=yes">

我要加載的iframe頁面的元數據是：

<meta charset="utf-8">

我用來加載內容的iframe如下所示：

<iframe src="" zooming="true" webkitallowfullscreen mozallowfullscreen allowfullscreen width="500" height="500"></iframe>

在當前狀態下，iframe將顯示已加載網頁的頁面，但不會保持我定義的500 X 500尺寸（它會強制將iframe調整為頁面內容的大小），並且用戶可以滾動頁面以查看更多的iframe內容，但是無法放大或縮小頁面以使用戶看到更少或更多的iframe。

在cordova索引文件或iframe本身上是否缺少我可以允許iOS設備捏和縮放內容的標簽？

Answer 1

您可能現在已經自行解決了此問題，但是它不起作用的原因是您的iframe文檔獨立於頂級dom。 在iframe中注冊的觸摸事件等無法通過它們所駐留的文檔的障礙來冒泡。