問題タブ [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.
android - Android ブラウザでの画像のダウンロードを無効にする
ユーザーが長押しして画像を表示し、「画像を保存」ポップアップ ダイアログを表示できる Android ブラウザの機能を無効にするにはどうすればよいですか。
iOS デバイスの場合は-webkit-touch-callout:none;
機能しますが、これは Android ブラウザには影響しないようです
android - android.webkit.PluginStubの使用方法
WebViewを使用してAndroidアプリを作成します(メインUIとして埋め込み| HTML5アプリ)。また、3Dレンダリングを埋め込むためのコードがいくつかあります。3Dレンダリングを埋め込むには、WebKitに表示するためのプラグインを作成する必要があると思います。
「 android.webkit.PluginStub 」を見つけました。googleとstackoverflowを検索しましたが、有用な例は見つかりませんでした。
PluginStubの経験がある人はいますか?共有できますか?
iphone - HTML5 ビデオを表示するときの横向き
ウェブビューを表示するポートレート モードの iPhone アプリケーションがあります。WebView には HTML5 ビデオがあり、ランドスケープ モードで表示します。
だから私は ViewControlleDelegate メソッドに持っています (私のアプリケーションは縦向きモードのみであるため):
HTML5ビデオを表示しているときにのみ、Webkitまたはアプリケーションで横向きモードに切り替える方法はありますか?
ありがとう!
javascript - -webkit-tap-highlight-color がエリアタグに適用されない
わかりました、これが何度も尋ねられたことは知っていますが、私の状況は少し異なります:
イメージ マップがあり、イメージの AREA がタップされたときに Android/iPhone に緑色の境界線 (iPhone では灰色のオーバーレイ) を表示させたくありません。
試してみましたが-webkit-tap-highlight-color: rgba(0,0,0,0)
、<a>
リンクでは機能するようですが、<area>
. 問題は、実際にはCSSを適用できないことだと思い<area>
ますか?
これは何とか回避できないでしょうか?ユーザーが領域をタップしたときに緑色の境界線が表示されないようにします。
javascript - モバイル デバイスでの HTML5 ビデオの動作
<video>
デザインの一部として (実際のビデオとしてではなく) 機能するいくつかの要素 (ループ アニメーション) を含むサイトを構築しています。これはデスクトップ ブラウザーでは非常にうまく機能しますが、モバイル デバイスでは問題が発生します。
Android または iOS デバイス (つまり、モバイル Webkit) でサイトを表示すると、OS のビデオ プレーヤーの外観が表示され、クリックするとビデオが何らかのポップアップで開きます。次のようにすることで、自動再生の制限を回避できることはわかっています。
ただし、これにより、別のウィンドウでビデオが再び開きます...
モバイルデバイスでデスクトップのような動作をエミュレート/有効にする可能性を知っている人はいますか? ありがとう!
編集:
マークアップは基本的な<video>
構文です。ところで:
android - Android 4.x の入力要素は、フォーカスされているときにスタイルを設定できません
アップデート:
修正があります:
元の質問:
これを簡単な例に要約しようとしています:
次のような単純な入力要素があります。
次のようなスタイル:
これは、android 2.x および 3.x で正常に動作します (フォーカスされた入力要素の CSS を尊重しないことが知られている一部のデバイスを除く)。
nexus S を 4.0.3 にアップデートしてから、入力フィールドでスタイルを受け入れることができません。
いくつかのテストで次のことが明らかになりました: スタイルは実際に適用されますが、何らかの理由でブラウザが入力の上に白い四角形をレンダリングし、スタイルを役に立たなくします。Weinre を使用すると、「実際の」入力要素を移動できたので、両方を表示できました。
これに関する提案は大歓迎です。
android - Android/Mobile Webkit CSS Background-Attachment:動作しない問題を修正しましたか?
私はただ夢中になっているのでしょうか、それとも background-attachment:fixed; を行いますか? ネイティブの Android ブラウザーでは本当に機能しないのですか?
1 つではなく 2 つの div を使用して、簡単な修正を既に実装しました...最初の div は絶対に配置され、固定された背景画像を含み、もう 1 つの div はその上に配置され、スクロール コンテンツを含みます。
この修正の問題は (不必要な複雑さは別として)、何らかの理由で、背景画像の div でコンテンツをスクロールすると、背景画像が完全に消えてしまうことです! :(
他の誰かがバグのない回避策を見つけましたか、またはこれをどのように扱うべきですか?
android - Android での phonegap に関する @font-face の問題
cssファイル<h3>
を使用して、PhoneGapアプリケーションでデザイナーフォントを使用してい
ました。@font-face
FileTransfer()
また、PhoneGap の関数を使用して、サーバー上の PHP アプリケーションにファイルを転送する必要がありました。
問題は、ページでデザイナー フォントを使用した場合、ファイル転送が機能しないことでした。このような問題を経験したことがある人はいますか?
バグかどうか本当に知りたいです。
ありがとう。:)
ipad - iPad で Web サイトのレンダリングが断続的に正しくない
iPad の Web サイトで奇妙な問題が発生しています。ページが読み込まれ、テキスト要素の右側に奇妙な余白が表示されることがあります。この問題は、ページの font-family を変更した後に始まりました。フォントは Google から読み込まれた Yanone Kaffeesats です。フォントは常に正しく読み込まれますが、問題が何であれフォントが原因であると想定する前に、このマージンの問題は発生しなかったためです。
css でフォントを定義する方法は次のとおりです。
ページが正しく読み込まれる場合があります。
また、次のように読み込まれる場合もあります: (これは断続的な問題ですが、キャッシュを削除してページを開くと、このように読み込まれる可能性があることがわかりました)
誰もこの問題を見たことがありますか? どうすれば解決できるかについてのヒントはありますか?ありがとう!
android - アンドロイドの背景色
の背景色を設定すると、その背景色で Android ストック ブラウザに表示されます。ただし、そのテキストエリアをクリックすると、背景色が常に白に変わります。ユーザーがフィールドに集中しているときに背景色を維持する方法はありますか?
EDITED:もともとiOSについて、私はそれを混同していました. iOS では動作しますが、Android では動作しません。例は次のリンクです
http://www.domedia.org/oveklykken/css-textarea-background.php
これは background-color ではなく background-img を使用していますが、同じ現象が発生します。