2011-12-23 13 views
3

私はHTML5モバイルアプリケーションを作成しており、PhoneGapを使用してそれをiPadにプッシュしています。このアプリケーションは、多数のアイテムをリストし、ユーザーがそれらのアイテムをクリックし、アプリ内で外部リンクをロードする可能性があるという点で、Twitterアプリケーションfor iPadと同様です。 Facebookはアプリケーションと同様にこれを実行します。HTML5アプリケーションでIFRAMEを使用する

HTML5アプリケーションで外部コンテンツを読み込むアプリケーションを書くことは、この点では非常に難しいことです。私はページにIFRAMEをダンプすることができますが、それはボックスからiPad上でのスクロールをサポートしていません。私はiscroll4をiframeに接続するためにいくつかの面倒なことをやったことがありますが、それは激しく矛盾しています。スクリプトはiframeを飛び越えて逃げ出すことができます。セキュリティエラーがスローされます。 iframeからの外部リクエストを許可するためにPhoneGapソースを変更する必要があります。ソースが外部のため、私はメタビューポートについて何も仮定することはできません。リストは続きます...

私は個々のハックの仕事や暗い魔法を使ってこれらのことをたくさん解決できますが、これまでのところ私はもっと良い方法でなければならないと感じました。これらのすべてのものの周りに動作するコンポーネントはありますか?私は、JavaScript内のブラウザ用のネイティブラッパーのように、これらの問題の多くを解決すると感じましたが、それに似たものを見つけることはできませんでした。

注:私はちょうどブラウザフォン・ギャップのプラグインを発見した - 私は、これは

+0

childbrowser phonegapプラグインを使用してみてください – kvc

+0

私はChildBrowserプラグインを試しました。それは私が推測するほど十分にうまくいきます。divの中に物を束縛してサイズ、位置、スタイルに反応する通常の要素のように扱うといいでしょう。 –

+0

まだ達成しようとしているものとちょっと混同しています。もう少し詳しく教えてください。この[フィドル](http://jsfiddle.net/monkmartinez/NNaBv/)の類似点を見てください。 – Martinez

答えて

1

KVCは、右のほとんどだった:-)人気のある選択肢となります推測しています。答えは、ChildBrowser phonegapプラグインを使用することでしたが、私が必要としたものを得るためにいくつかの変更が加えられました。

+0

私はあなたと同じ問題を抱えています(メインアプリの他のボタンにアクセスできる状態でブラウザを見たいと思っています)。 jquery mobileとphonegapを使用しました。これらの変更が最終的に機能するように指定することはできますか? – gabsen

関連する問題