問題タブ [iphone-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 投票する
1 に答える
198 参照

iphone-web-app - iScroll が iWebkit フレームワークを台無しにする

iWebKit フレームワークを使用して Web アプリを開発しています。トップバーを固定しようとしています。そこでiScrollを使ってみました。私は iScroll の指示に従いましたが、どういうわけか iWebkit を台無しにしています。何が間違っているのかわかりません。助けや考えはありますか?

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

ipad - ipad Webアプリがポートレートモードに調整されていない、uiwebview、

私はiphone/ipad用のWebアプリケーションを持っています。モバイルサファリで見ると、ランドスケープモードとポートレートモードの両方で見栄えがします。しかし、自分のipad Webアプリ(uiwebviewの下)で開くと、横向きモードでは見栄えがよくなりますが、縦向きモードではコンテンツが途切れます。

それを修正する方法。サーバー側で修正するのですか、それともiPadアプリケーションで修正するのですか?

よろしく

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

jquery - iOS Web アプリの GO キーボード ボタンが Ajax フォームを送信しない

私は、Ajax を介してフォームを送信する必要があるこの iOS Web アプリを持っていますが、これはほとんどの場合機能します。唯一機能していないのは、キーボードの GO ボタンが反応しないことです。

デスクトップ ブラウザでは、すべてが送信用に機能します (送信ボタン、またはキーの入力)

Safari iOS でもすべて正常に動作します (送信ボタン、GO キーボード ボタン)

しかし、iOS で Web アプリとして使用すると、GO ボタンが機能しません。

この動作の原因は何ですか? 私の知る限り、iOS Web アプリはまだ Safari を使用しています... :)

更新 (解決済み): 再度削除しましpreventDefault()た。ボトルネックにはなりませんでしたが、不要なコードは好きではありません。:)

return false;の一番下に追加すると$('#myForm').submit(function() {、すべてが思いどおりに機能しました。

iOS の GO ボタン、Enter、Submit ボタンがすべて反応するようになりました。

0 投票する
0 に答える
187 参照

ios - iScroll が「次へ」の後、または入力ボックスにフォーカスした後にスティックする

iOS 用の基本的な Web アプリで iScroll を実行しているときに、キーパッドで [次へ] を押すと、強調表示された入力ボックスから離れても、iScroll が強調表示された入力ボックスの上にスクロールしないことに気付きました。任意のヒント?

0 投票する
2 に答える
2118 参照

iphone - WebアプリでURLを開くときに、Safariにジャンプせずに新しいページを表示するにはどうすればよいですか?

iOSWebアプリの1つのディレクトリに2つのページがあります。1つはindex.htmlで、もう1つはdetail.htmlです。

index.htmlには、このようなdetail.htmlへのリンクがあります。

iPhoneのサファリでindex.htmlを開き、ホーム画面にindex.htmlを追加して、ホーム画面からこのWebアプリを開きました。「リダイレクト」をタップすると、Webアプリがバックグラウンドに入り、Safariがdetail.htmlを開いてフォアグラウンドになりました。

Webアプリ自体でdetail.htmlを開き、Safariにリダイレクトしないようにするにはどうすればよいですか?特別な感謝!

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

iphone - jQueryMobile-戻るボタンがWebアプリで機能しない

私はJquerymobileを初めて使用しますが、iPhoneサファリブラウザで正常に動作するWebサイトを開発しましたが、ホーム画面のショートカットを作成してWebアプリとして実行すると、1ステップ戻ると正常に動作しますが、2ステップ戻ると正常に動作します。動作しないと、Webページが更新されます。

たとえば、AからBに移動してからAに戻ると、BからCに移動してからBに戻るときと同じように、WebサイトA、B、Cに3つのページがあります。しかし、AをBに移動してからCに移動し、次にBに戻ると正常に機能しますが、Aに移動すると、履歴からページを取得するのではなく、ページが更新されます。私の戻るボタンのコードは以下のとおりです

誰かがこの点で私を助けることができますか?前もって感謝します。

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

ipad - iOS6 の Web アプリでは画像のタッチ メニューがなくなりました。

iOS6 の更新により、apple-mobile-web-app-capable が有効になっている Web サイトにユーザーがアクセスしているときに、[画像を保存] タッチ ポップアップ メニューが表示されなくなりました。これは、私のウェブサイトhttp://2048px.comにとって非常に重要です。

ユーザーがホーム画面にサイトを追加できるようにしたいと考えています。ユーザーが新しい壁紙を取得する方法は、ダウンロード ボタンをクリックし、[画像を保存] タッチ メニューを使用してカメラ ロールに保存することです。しかし、私が言ったように、iOS6 では、webapp が使用されているときに「画像を保存」オプションがなくなったようです。

これをオンに戻すための魔法のメタタグを知っている人はいますか? または、画像をカメラロールに直接保存するための凝った方法かもしれません。

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

ios - ユーザーがスクロールできない部分をスクロールしようとしたときに、iOS で Web アプリ全体のスクロールを停止するにはどうすればよいですか?

IOS 用の Web アプリを作成しました。ユーザーが Safari 経由でホーム画面に追加すると、スクロールできないアプリの一部を指で上下にスクロールしようとすると、アプリケーション全体が上にスクロールしたり、ダウンしてから元の位置に戻ります (Web ページの一番下までスクロールしてから、スクロールを続けようとしているかのように)。

そのように上下にスクロールしないようにする方法はありますか? オーバーフロー y 属性を本文、ドキュメント、ウィンドウを非表示に設定しても修正されません。

0 投票する
4 に答える
36949 参照

javascript - body 要素のスクロール バウンスを防止しますが、iOS の子要素のスクロール バウンスは維持します

最近、モバイルWebアプリに取り組んでいます。私は現在、特に iPhone 向けの iOS に焦点を当てて、モバイル ファーストで最適化しています。ネイティブアプリのきっちりとした見た目は好みませんが、ネイティブは絶対に大事だと思います。このアイデアを反映するためにマークアップと CSS を作成し、これを残しました (後で発生する問題をよりよく理解するために注釈が付けられています)。

ウェブアプリのマークアップ

これはすべて問題なく動作し、静的なヘッダーとフッター、およびスクロール可能な内部ビュー (おかげで) を備えたネイティブな感覚を持つという利点もあります-webkit-overflow-scrolling: touch

iOS を 5 分以上使用したことがある人ならわかると思いますが、上下にスクロールすると、かなりの勢いでスクロールします。また、リストの一番上にヒットすると、素晴らしい「バウンス」効果が得られます。

Settings.app でのリストのバウンス

これは iOS のフィーリングを定義するのに役立つと感じており、そのような小さなディテールが大いに役立ちます。幸いなことに、Web アプリケーションのスクロール可能な要素でリストの一番下にいて、一番上を超えてスクロールすると、同じ効果が得られます。これは、実際の望ましい動作です。

Web アプリケーションで上下にスクロールすると、このバウンス効果が発生します

ただし、リストの一番上にいて、リストの一番上で同じバウンス動作を再現しようとすると (上記の Setting.app のように)、次のような望ましくない動作が発生します。 下にスクロールすると、アプリのクロム全体にバウンス効果が生じます

Stack Overflow で同様の 質問を見たことがありますが、これらはすべてバウンスを無効にすることを選択しています。バウンスし続けることがbody section section#mainまったく可能かどうか疑問に思っていますが、常にwebapp の chrome ではなくで発生させます。私は jQuery を使用していないので、答えはストレートな JavaScript であることが望ましいです (ただし、CSS ソリューションのボーナス ポイント)。

すべてのコード (Sinatra、HAML、Sass、現在のブランチは) を含むGitHub リポジトリso、または破損した画像とリンクを含む JSFiddleを次に示しますが、iPhone で問題の問題を示しています (ホーム画面に追加してテストするのが最適です)。

0 投票する
0 に答える
345 参照

iphone - iOS6 Web アプリのプライバシー設定の削除

私は Web アプリを開発し、iOS6 を実行している iPhone 5 でテストしています。

アプリはホーム画面アプリとして実行されていましたが、使用中に電話のカメラロールへのアクセスを要求しましたが、許可したため、Web アプリの電話の設定 > プライバシー > 写真にトグルが追加されました。

それ以来、この Web アプリを放棄し、ホーム画面のアイコンを削除しましたが、トグルはまだプライバシー設定に表示されています。このトグルを削除したいのですが、そうする方法が見つからないようです。

誰でも助けることができますか?