問題タブ [mobile-webkit]
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.
json - モバイル ブラウザーでのネイティブ JSON オブジェクトのサポート
JSON.stringify と JSON.parse を使用して、iOS のモバイル サファリや Android の Webkit ブラウザー、両方のプラットフォームの WebView などのモバイル ブラウザーで作業を行いたいと考えています。互換性が知りたいです。
PS: Android 2.1 と iOS 3.2 で機能をテストしましたが、どちらもサポートしています。
javascript - Rangyで以前にシリアル化された範囲を壊すことなく、選択範囲にCSSクラスを適用しますか?
私は、WebKit で静的 HTML を表示し、ユーザーがテキストを選択して強調表示できるビューアー アプリケーションに取り組んでいます。
私のアプローチは、静的な HTML ドキュメントをそのまま維持し、ハイライトを別の場所に保存することでした。Rangyは、選択内容をシリアル化して保存し、アプリケーションが再び起動したときに再適用できるようにするのに最適です。
ただし、CSS Class Applier Rangy 拡張機能を使用して強調表示されたセクションをマークすると、ドキュメントの DOM 構造が変更されるため、以前にシリアル化されたすべての範囲が無効になります。
DOM 構造を変更せずに CSS クラスをユーザー選択に適用することは可能ですか?
どうもありがとう!
css - CSS3 への移行後、Android ブラウザーでリンクが強調表示されない
私は次の設定をしています:
最初の要素の高さの変化を CSS3 トランジションでアニメーション化してから、リンクをクリックします。モバイル Safari では、予想どおり、リンクが半透明のオーバーレイで強調表示されます。Android ブラウザー (テスト済み 2.1、2.2、2.3) では、リンクをクリックできますが、強調表示は行われません。実際には、通常、リンクの古い場所をクリックして押したままにし、そこでタップを強調表示することができます。
デモはこちら: http://jsfiddle.net/bnickel/DmMZN/
Android には、既知の要素の位置に対応する「タッチ ポイント」のレイヤーがありますが、CSS3 アニメーションの後にそれらのポイントが更新されないという欠陥があるようです。タッチポイントが正しく更新されるようにする安全な方法はありますか? コールバックを実行しても問題ありませんwebkitAnimationEnd
。
android - Androidでcss3を使用してdivを反転することは可能ですか?
IOS または chrome では、次のようなキーフレームを呼び出すと、div が反転します。
}
しかし、Android フォンでは、div は 90 度回転します。Androidデバイスでもdivを反転する修正はありますか?
html - モバイル デバイスがブラウザ外でビデオを再生できないようにする方法は?
html5 タグを使用して mp4 ファイルを埋め込みました。しかし、モバイル デバイスのネイティブでビデオを再生すると、別のビデオ プレーヤーでビデオが開き、フルスクリーンで再生されます。どうすればこれを防ぐことができますか?
sencha-touch - minifysenchajsがタブレットのwebkitブラウザで機能していません
私は煎茶の開発に不慣れで、jsの問題に直面しています。
minify sencha 2 jsがタブレットとモバイルのWebkitブラウザーで機能していません。誰でもそれを手伝ってくれますか?
タブレットのwebkitブラウザでsenchajsをデバッグする方法はありますか?
ありがとう
ipad - Webkit で画面に合わせて div/site 全体を比例的にスケーリングします
私はこの状況を持っています: http://jsfiddle.net/neko/CTA4C/7/ (画像は参考用です)
HTML:
jQuery:
CSS:
要するに、<img>
ページで固定された背景として div 内に div があり、その内部 (div) には<img>
、JQ によってトリガーされて動き回る別の div があります。
div
問題は、固定の開始位置の値がpxである移動との関係を維持しながら、imgが画面の高さに合うようにページ/ divコンテナ全体をスケーリングするにはどうすればよいですか?
私は何かを試してみまし-webkit-transform: scaleY()
たが、それは単なるスケーラーですよね? のように機能していません-webkit-transform: scaleY(100%)
か?
私の最終的な目標は、デバイスの高さに合わせて伸縮する固定ピクセルの「キャンバス」を作成すると同時に、子供たちを父親のように振る舞わせることです。
ps これはタブレット Webkit ベース専用なので、Webkit のみの専用コードを使用しても問題ありません。
android - Media Query、モバイル ブラウザと Chrome では機能しません
CSS スタイルの Web サイトの @media に問題があります。現在、Web ページを fire fox でテストすると、450px に縮小してもすべて正常に動作します (停止する前に縮小できる範囲はこれだと思います)。 )。ただし、Chrome でテストすると、画面が縮小されたときにメディア スタイルが呼び出されていないように見えます。この上でテストすると、私の Android ブラウザーでは動作しません。
どこが間違っているのか誰か教えてください。Web URL は (now.hidden-due の質問に回答したため) で、css からコードの一部をここにドロップします。ページを機能させるためにさまざまなことを試してきたメディアの幅は無視してください。
ああ、私も -webkit-min-pixel-ration:0 を使用してみましたが、これがどのように機能するのかよくわかりません。
ここにCSSがあります
javascript - OpenLayers の緯度が Webkit Mobile ブラウザーで不正確にキャプチャされる
マップ上のタップ/クリックの位置をキャプチャして座標を保存する必要があるマップを含むページをプログラミングしています。OpenLayers js を使用しています。デスクトップ ブラウザ (IE/FF/Chrome) では、これは正常に動作します。モバイル デバイスでは、デフォルトの Android ブラウザー (実際のデバイスとエミュレーターの両方) でタップが正しくキャプチャされます。
ただし、モバイル Webkit ブラウザー (iPhone Safari および Android Chrome ベータ版) では、タップが実際のタップより数ピクセル高い (北に向かって) キャプチャされるという問題があります。エラーは修正されていません (そのため、イベントの xy に 100 を追加して上部を再調整することはできません)。
クリックハンドラとして使用しているコードは次のとおりです。
私は何か違うことをするべきですか?OpenLayers を使用しているときに、モバイル Webkit ブラウザーで不正確な問題を見た人はいますか?