0

RE: Sencha Kitchen Sink の例

私の iPhone では、Safari でキッチン シンクの例を開いて、ホーム画面に追加し、新しい「キッチン シンク」ホーム画面アイコンを押すと、Web アプリが表示される前に Sencha のロゴが画面いっぱいに表示されます。下部にアドレスバーもブラウザーコントロールもありません。

これを Android で複製することはできないようです。

私が持っている Android タブレットは 4.1.1 を実行しており、既定のブラウザーと Chrome 28 の両方でテストされています。ホーム画面のアイコンを押すと、実際のアイコン自体は正しく表示されますが (青いシンクの写真)、それを押すと、ブラウザー タブで通常の Web サイトが開くだけです。

Q1: 同じブラウザと OS バージョンを持っているように見える Android デバイス間でこの違いがあるのはなぜですか? これは一部の Android デバイスで偶然に動作する Apple の機能なのか、それとも Sencha の問題なのか?

Q2: キッチン シンク アプリは Android の全画面表示で動作しますか? もしそうなら、どうすれば自分のデバイスで動作させることができますか?

注:本当の問題は、もちろん、私自身の Sencha Touch ベースの Web アプリを iOS ではフルスクリーンで、Android ではフルスクリーンにすることですが、Sencha 独自のキッチン シンク アプリが機能しないため、最初にそれを確認する方がよいと感じています。そのため、Sencha を壊さずにフルスクリーンを動作させることができるコード ハックがあれば、それも望ましいでしょう。

これまでの研究:

ここに同様の質問がありますが、これは私には意味がありません: Android デバイスでフルスクリーン パネルを使用できない sencha touch 2.0 RC

この質問と回答は、Android での Sencha アプリのフルスクリーンが確実に可能であることを示唆しているようです。

ここにスレッドがありますが、明確な解決策がないまま終了するようです?? http://www.sencha.com/forum/showthread.php?179678-None-of-the-example-apps-are-full-screen-anymore

これは、以前は壊れていたことを示唆しているようですが、現在は修正されています: http://www.sencha.com/forum/showthread.php?176479-PR4-fullscreen-isn-t-full-screen-on-Android

これは、自分のコードをハックする必要があるかもしれないことを示唆しているようですが、Android で O'Reilly の例をテストしたところ、キッチン シンクの例と同じように動作しますが、フルスクリーンでは表示されません: http://www. sencha.com/forum/showthread.php?192525-SOme-issues-Android-address-bar-Offline-mode

更新:同僚が Galaxy S でテストしたところ、そのデバイスで全画面表示で動作しました。タブレットよりも古いバージョンの Android を実行していました。

更新 2:さらにテストした結果、これまでのところ 1/5 のデバイスでしか機能しません。

ここで議論がありますが、Sencha がそれをバグとして認識しているかどうかは明らかではありません。公式ラインが何であるかを知っておくとよいでしょう: http://www.sencha.com/forum/showthread.php?117851-Hiding- Android のアドレスバー

私が調査できる Javascript の回避策がいくつかあります。http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/

更新 3: JavaScript ハッカーをテストしました。ここでの解決策: https://stackoverflow.com/a/4203871/1061602は、ページが完全にコンテンツであっても (スクロール可能であっても) 機能しません。これは、ビューポート全体がスクロール可能ではないためだと思います。その中のパネル。

ここでの解決策: https://stackoverflow.com/a/9100406/1061602も Sencha Touch では機能しません。下部のナビゲーション バーが非表示になっているようです。これを回避する方法があるかもしれませんが、まだ調査していません

更新 4:記事: http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/に従い、この要点を実装しようとしました: https://gist.github.com/yckart/5609969 - まだ喜びがない

4

1 に答える 1