問題タブ [iphone-standalone-web-app]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
13 に答える
42641 参照

safari - iPhoneでSafariユーザーインターフェイスコンポーネントを非表示にする

ホーム画面アイコンとしてブックマークされたWebアプリのSafariUIコンポーネントを非表示にしようとしています。このメタタグを使用しています

iPhone Dev Centerで指定されているとおりですが、ホーム画面アイコンから起動してもアドレスバーとツールバーは表示されたままです。何を変える必要がありますか?誰か例がありますか?

0 投票する
1 に答える
1116 参照

iphone - Safari ユーザー インターフェイス コンポーネントを非表示にできない

私はiPhone Web開発者にとって非常に新しいものです。Safari Web Content Guide を読むことから始めました。次に、サファリのアドレスバーなどのユーザーインターフェイスを非表示にできることを発見しました。そのため、私はインストラクターに従いました。結果は私が期待したものではありません。アドレスバーは引き続き表示されます。

このメタタグをhtmlファイルに入れました。

これは私のコードです



私はあなたの返事を楽しみにしています、ありがとう

0 投票する
8 に答える
16876 参照

iphone - WebアプリのiPhoneプッシュ通知?

「デスクトップ」にアイコンがある Webapp に iPhone のプッシュ通知サービスを実装することは可能ですか? もしそうなら、どのように?

0 投票する
1 に答える
1253 参照

iphone - iPhone 構成ユーティリティ - webapp の webclip を追加

Apple iPhone 構成ユーティリティを使用して、社内の携帯電話を構成しています。自社開発の自社Webアプリのアイコンをホーム画面に追加したい。Web クリップ セクションを使用すると、Web クリップをホーム画面に簡単に追加できますが、次の 2 つの問題があります。

  • ウェブクリップは、ページに定義された png アイコン (メタ タグ内) を表示しません。
  • ページは Safari で読み込まれますが、「スタンドアロン」(フルスクリーン) ではありません (同じこと、このプロパティはメタ タグで定義されています)。

デバイスの Safari Mobile から直接 Web クリップをホーム画面に追加する場合、これらの問題は発生しないことに注意してください。

一番

0 投票する
1 に答える
707 参照

javascript - サファリのページが踏み台から開かれたかどうかをどのように検出できますか?

私はそれを一度見ました、そして私はそれを再び見つけることができません:

iPhoneのWebアプリがURL入力または踏み台のアイコンから開かれたかどうかをJavaScriptで検出する方法は?

ありがとう!

0 投票する
3 に答える
180 参照

iphone - iPhoneで表示するためのWebページのコーディング

今では、http://twitter.comhttp://deviantart.comなど、iPhoneで見栄えのするWebサイトをたくさん見ていますが、モバイルWeb内で適切な構造を取得することはできません。それをiphoneアプリケーションであるかのように表示させるアプリケーション。

私はiphonejquery(http://jqtouch.com)を発見しました。これは、すべてを本物に見せるための素晴らしい効果を開発するための最も有望なjavascriptlibのようです。しかし、私はまだウェブサイトをiPhoneサファリの画面いっぱいに表示するのに問題があります。

完全にズームインして画面全体に表示する効果を実際に説明している、機知に富んだWebサイトを見つけることはできません。

iPhoneなどのモバイルデバイス用のWebサイトの開発に役立つライブラリはありますか。

0 投票する
1 に答える
2379 参照

iphone - jQTouch アプリケーションでフルスクリーン モードを要求する方法は?

jQTouch を使用して、iPhone のサファリ用に最適化されたバージョンの Web サイトを開発しています。jQTouch デモは、フル スクリーン モードを使用していないユーザーに対して「これをインストールしてください」というメッセージを表示し、使用しているユーザーに対して非表示にする方法を示しています。フルスクリーン モードの場合、ボディには「フルスクリーン」クラスが必要です。したがって、この css ルールをスタイルシートに追加することで、アプリをホームページに既に追加しているユーザーに対して「これをインストールしてください」というメッセージを非表示にすることができます。

私がやりたいのは、ユーザーがフルスクリーン モードでのみアプリを使用することを要求することです。通常のブラウザーから表示すると、アプリのインストールを求めるメッセージのみが表示されます。それ以外の場合、そのメッセージはもちろん非表示にする必要があります。

これは非常に簡単なはずなので、明らかな何かが欠けているに違いありません。

これを行う1つの方法は、本体のクラス「フルスクリーン」を単純にテストすることだと思いました。そこにない場合は、goToを使用して別のdivに移動するか、他のdivを非表示にするか、そのようなものです。

しかし、奇妙なことに、これは機能しません。テストとして、jQTouch デモのように元の「info」メッセージがまだ表示されていますが、フルスクリーン モードで起動しても表示されません。したがって、本文にはフルスクリーン クラスが必要です。それでも、それ以外の痕跡は見つかりません。ドキュメントが読み込まれた後にこのアラートをテストしてみると、フルスクリーン モードで起動しても何も表示されません。

また、fullScreen ブール値の値をチェックしてフルスクリーン モードをテストすることも考えました。しかし、これもうまくいかないようです。私は何が欠けていますか?これを行う最善の方法は何ですか?

0 投票する
3 に答える
15103 参照

iphone - iPhoneのホーム画面にWebアプリをインストールしますか?

Web アプリケーションをユーザーのホーム画面にアイコンとしてインストールできるようにするにはどうすればよいですか? ユーザーが 3G 外にいるときに webapp を実行できるように、データはローカルにキャッシュされていますか?

簡単にグーグルで検索しましたが、検索用語が不足していました。Google Buzz ではローカルにインストールできることに気付きました。Web アプリを作成するプロセスはどのようなもので、特別な処理 (完全なキャッシュ/オフラインでの実行) が行われるかどうか疑問に思っています。

0 投票する
11 に答える
61353 参照

safari - iPhone Safari は、縦向き -> 横向き -> 縦向きで自動縮小されません。

iPhone 用のこの META タグを含む非常に単純な HTML ページがあります。

iPhone Safari を使用して、ページを縦向きモードで読み込むと、見栄えがよく、幅が画面に収まります。iPhone を横向きモードに回転すると、横向きの幅に合わせて Web ページのサイズが自動的に変更されます。いいですね、これは私が欲しいものです。

しかし、横向きから元に戻すと、以前のように縦向きの幅に合わせてページのサイズが変更されません。横幅のままです。

横向きモードの場合と同じように、iPhone が自動的に正しい幅に設定されるようにします。これはすべて自動的に行われ、さまざまなモードに特別なスタイルを設定していないため、オリエンテーション リスナーを含める必要はないと思います。

iPhone が Web ページのサイズをポートレート モードに戻さないのはなぜですか? これを修正するにはどうすればよいですか?

アップデート

iPhone のサイズを自動的に小さくすることはできましたが、偶数回の回転後にのみ行うという奇妙な現象が発生しました... 非常に奇妙です。
この META タグを使用します。

自動サイズ変更するために私がしなければならないことは次のとおり
です。
2. 横向きに回転 -> 画面に合わせてサイズ変更。
3. 縦向きに回転 -> サイズ変更なし。
4. 横向きに回転 -> 横向きのサイズのまま。
5. 縦向きに回転 -> 縦向きの画面に合わせて縮小します。

誰かがこの動作を説明できますか??
私はまだこれを修正する方法を知りたいと思っています。

ありがとう!
トム。