問題タブ [mobile-webkit]

JavaScript携帯電話を回転させたときにコードを実行したいのですが。私はを使用してjQueryいます。モバイルブラウザで使用できるカスタムフックはありますか？

私が考えることができる1つの方法は、ビューポートサイズの変更にフックし、高さ/幅の比率が変更されたかどうかを確認することです。代わりに使用できるAPIメソッドはありますか？

heightプロパティがに設定されたブロックレベルの要素があります%。これらのブロックレベルの要素<span>の中には、テキストが含まれています。例：

これはモバイルブラウザではかなり見栄えがしますが、デバイスを回転させると（つまり、body.onorientationchangeイベントが開始されると）、テキストが大きくなりすぎます。

だから私の質問は、親要素の高さを基準にしてテキストサイズを指定するにはどうすればよいですか？

次のような問題があります: Javascript で画像を読み込むと iPad/iPhone ブラウザがクラッシュする

...しかし、私の問題が同じメモリの問題によって引き起こされていることを明確にしたいと思います。もしそうなら、それについて何ができるでしょうか。

ビューに表示されていない img 要素の「tiny.gif」画像を読み込むという提案された回避策は理解していますが、問題は、大量の img 要素を使用していないということです。4本使っています。次/前の画像にスライドするスライド div の 3 つと、スライド div がスライドを実行している間に現在の画像を表示する 1 つです。メカニズムを説明するのは少し難しいですが、重要なのは、画像要素が 4 つしかなく、それらの src を絶えず交換しているだけということです。

それで、私が得られないのは..メモリにimg要素が4つしかない場合、メモリの問題にどのように対処しているのでしょうか? slide_one が one.jpg の src を持つ画像で、その src を two.jpg に変更すると、確実に one.jpg がメモリから消去されますよね?

ちょっとした背景: UIWebView を介して iPad アプリとして HTML ページを実行しています。私が見ている動作は、画像あたり約 250kb のこれらの JPEG のうち約 25 をロードでき、その後ロードを停止することです (src 属性は更新されますが、画像は露骨に変更されません)。これは、私が言及した 6MB の制限と疑わしいほど似ているように聞こえますが、警告やクラッシュは見られません (少なくとも、これをデバッグしている iPhone シミュレーターではそうではありません)。

どんなアドバイスもありがたく受け取った... :)

Web アプリのモバイル インターフェイスを作成しており、ナビゲーションを簡単にするためにアンカー リンクを使用しようとしています。私のコードはこれに似ています：

問題は、リンクが一度しか機能しないことです。そのため、iPhone を使用しているユーザーがそのリンクをタップしてセクション 2 にジャンプした後、スクロールして一番上に戻り、そのリンクをもう一度クリックしても機能しません。彼はページを更新する必要があります。

これを回避する方法はありますか？

あなたの助けに感謝

短いバージョン: 私のモバイル Web アプリでは、画面の表示可能領域(たとえば、ソフト キーボード (存在する場合) の上部とタイトルバーの下部の間のスペース) を常に検出したいので、レイアウトを調整できます。ズームせずに、ページが常に画面上に完全に表示されるようにします。これを行う信頼できる方法はありますか？

長いバージョン: アプリでは、すべてのタッチ イベントを取得し、自分でパンとズームを制御しています。コントロール バーは画面の上下に固定され、常に表示されます。私のveiwport設定は次のとおりです。

私の願いは、ページ レイアウトを常にブラウザー ウィンドウの表示可能領域に合わせて、画面外に何もないようにすることです。そのため、キーボードが表示または非表示になったとき、または向きが変わったときに、幅と高さを検出し、それに応じて再レイアウトする必要があります。

オンスクリーン キーボードがない場合は、window.innerWidthとwindow.innerHeightで十分です。ただし、キーボードが表示されると、事態は奇妙になります (厳密に制御された特定の条件下でのみ機能します)。そして、キーボードが上がっている間に向きが変わることは天国で禁じられています。

私が欲しいものを教えてくれるものは DOM にありますか? インターフェイス要素のサイズをコードにハードワイヤするよりも、これを動的に把握したいのですが、他に方法がない場合はそれに頼ります。

冗長で申し訳ありませんが、私が経験したすべての奇妙さを捉えるのは難しいです. 私のテストは、主に 3.2 を実行している iPad と 4.1 を実行している iPhone で行われました。動作は両方で一貫して一貫していません。

これが私の設定です：

• ボタンとテキストボックスがあります
• テキストボックスには、「selectAll」メソッドをトリガーする「onFocus」ハンドラーがあります
• ボタンには、次のことを行う「onClick」ハンドラーがあります。
  • テキストボックスを表示
  • textbox.focus（true）および
  • textbox.selectAll（）;

しかし、そうではありません（モバイルデバイスでは）。重要なのは、これはFFとSafariで機能しますが、モバイルWebKitでは機能しません。ボタンをクリックすると、フィールドがフォーカスされて1ミリ秒間選択され（場合によってはそれでもない場合もあります）、ボタンのフォーカスに戻ります…</ p>

すでにフォーカスを実行するタイマーを挿入しようとしましたが、どちらも機能しません。

また、すべてのイベントをキャプチャして防止しようとしました。これは、onClickの後にボタンによってonFocusイベントが発生するためです。ボタンのonFocusイベントからテキストボックスにフォーカスを設定してみました。チャンスは無い。

他のアイデアはありますか？

2 つのパラメーターを JavaScript 関数に渡そうとしています。このコードwebview.loadUrl("javascript: function_to_call();");はパラメーターなしで正常に動作しますが、パラメーターを使用することはできませんでした。

これはjavascriptジャンクションです：

そして、これは私がJavaからそれを呼び出す方法です:

編集:問題を見つけることができず、アプローチを変更しました。必要なときに毎回、必要な変更を加えて JavaScript 関数全体を注入しています。これは最善の解決策ではありませんが、機能します。皆様、ご協力ありがとうございました。

私は Android G1 のデフォルト Web ブラウザーを使用しており、JavaScript で開発しています。Web ページをズームインまたはズームアウトすると、実際の視覚的な幅と高さを取得できません。

ズームイン/ズームアウトしているときに、window.innerWidth から間違った値を取得しているようです。

私がやろうとしているのは、ページをズームしたりスクロールしたりしているときでも、視覚的に固定された場所に要素を表示することです。- そのため、ズームやスクロールを行っている場合でも、ユーザーは常にその要素を見ることができます。

私はすでに「固定」位置を使用しようとしましたが、成功しませんでした。Web ページのサイズを制限したくなく、ズーム機能をサポートしたいので、viewport メタタグの使用はおそらく良い解決策ではありません。

誰かがこれを達成する方法やアイデアを持っていますか?

連続JavaScriptスクローラー

次と前のクリックで動作している以下のスクリプトがあります。次と前のボタンアクションで左から右に、またはその逆に流れるようにこのJavaScriptを追加した約1〜3のdivがあります。

連続スクロールにしたいです。3番目のdivスクローラーの後、再び最初のdivに移動する必要があります。逆方向に進むべきではありません。流れは何度も何度も継続する必要があります。

これを達成するための解決策についてアドバイスしてください。

js

iOSデバイス用に作成しているWebアプリに問題があります。iOS3.xでのみ表示されます。

以下は私が抱えている問題です：

計算されたスタイルは次のとおりです。

これは、テーブル行内の通常の入力フィールドです。

何が起こっているのかについてのアイデアはありますか？