問題タブ [mobile-browser]
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.
javascript - ブラウザが HTML5 タイムピッカーをサポートしているかどうかを確認する
PC、Mac、iPhone、および iPad でうまく機能する JavaScript でタイム マスクを作成しましたが、ほとんどの Android フォンでは一貫して機能しません (なぜこの機能が一貫して機能しないのかについての詳細には触れたくありません)。 Android の場合) 無効にします。Samsung の場合、組み込みの HTML5 タイム ピッカーがうまく機能します。
Android フォンの場合、ネイティブ ブラウザのタイム ピッカーが利用できる場合 (最近の Samsung フォンのように)、HTML5 タイム ピッカーを活用したいと考えています。
date
ブラウザーが/入力タイプをサポートしているかどうかを検出できることはわかってdatetime
いますが、ブラウザーがタイム ピッカーをサポートしているとは限りません (これを疑う人は、一例として、HTC EVO 3D でテストしてください)。 ( Detect browser's native date/time pickers ) は、時間タイプがサポートされている場合、ブラウザが時間ピッカーを実装していることを示していますが、これは間違っています。
modernizr については認識していますが、ブラウザーがタイムピッカーをサポートしているかどうかを実際に確認する方法がわかりません。
その背景情報で。ブラウザがタイムピッカーを実装しているかどうかを判断する方法を知っている人はいますか?
zooming - モバイルブラウザがズームインしすぎる
私は最初のモバイルウェブサイトを構築しています。
サイトが画面全体に適切に表示されるようにするために、私は設定しました
<meta name="viewport" content="width=device-width, initial-scale=1" />
ただし、私の電話(Android 4.2.1)では、Opera Mobileのみがズームインし、画面に「ビューポート」(DIV)が表示されます。Chrome、Dolphin、Firefox、Androidブラウザはすべて少しズームインしすぎているため、サイトの一部が画面の右側で切り取られ、水平スクロールが強制されます。
私はこの1時間、さまざまなCSS設定を試し、「モバイルブラウザズーム」のさまざまな組み合わせをグーグルで調べてきましたが、解決策が見つからず、それが私を苛立たせています。
明確にするために:サイトが画面全体に表示されるように、ブラウザを十分に拡大してもらいたいのですが、それ以上ではありません。
助けてくれてありがとう!
jquery - モバイル ブラウザで Jquery スティッキー プラグインが壊れている
最近、会社の WordPress サイトに jQuery プラグイン「Sticky」を採用しました。プラグイン自体は厳密に jQuery であり、WordPress 固有のものではありません。このプラグインはデスクトップ ブラウザーではうまく機能しますが、モバイルでレンダリングするとスタイルの問題が発生します。
ページでモバイル ブラウザーとデスクトップ ブラウザーの違いを識別し、ブラウザー固有のコードを実行するにはどうすればよいですか?
問題の Web ページは次のとおりです。http://www.energytoolsint.com/who-we-are/
javascript - iPhone/iPad Web ブラウザ Safari でのテキストの選択と強調表示が機能しない
重複の可能性: Javascript を使用して選択したテキストの CSS を変更する
上記のリンクのコードを試しましたが、iPad ブラウザーで選択したテキストを強調表示する結果が得られませんでした。
Safari、Chrome などのデスクトップ ブラウザで問題なく動作します。しかし、iPad サファリ ブラウザの場合、選択方法はデスクトップ ブラウザのようにテキスト選択とは異なり、テキストを強調表示する結果が得られません。
私の単純な HTML コードは次のとおりです。
変更を加える必要があるか、他の API を含める必要があるかどうかを提案してください。
html - 画面の明るさはモバイルブラウザで利用できますか?
デバイスの輝度レベルはブラウザで利用できますか?
私はこれを見つけました--http://mzl.la/SSBobX-しかし、画面オブジェクトまたはそれが参照する設定に何も見つからないため、この記事がもう有効かどうかはわかりません。
これのクロスブラウザ実装はありますか?
jquery - ウェブサイトのモバイルとデスクトップの 2 つの異なるバージョン
Web サイトとモバイルの両方で IBM にアクセスすると、2 つの異なるリンクが表示されます。
iPhoneはモバイルバージョンをどのように検出しますか?
私は自分のプロジェクトでさまざまなサイトに取り組んでいますが、iphone が m.ibm.com にリダイレクトする方法がわからないため、iphone に実装する方法を知りません。
android - Androidは、モバイルブラウザを介して1つのファイルをダウンロードするために2つのリクエストを送信しています
それは本当に起こっています。これを確認するためにPHPでテストを行いました。
test.phpファイルを作成し、次のように配置しました。
したがって、Androidモバイルブラウザを介してwww.myurl / test.phpを開くと、error_log.logに「Downloading...」が2回表示されます。
他のモバイルOS(Windows、IOSなど)で同じURLを開くと、error_log.logファイルに「ダウンロード中...」が1回だけ表示されます。
誰かが何が起こっているのか、そしてこれを回避する方法を知っていますか?
誰かがファイルをダウンロードするときにユーザー課金を実行するので、これは私にとって大きな問題です。そして今Android携帯から1つのダウンロードされたファイルに対して2つの料金があります。
css - Overflow-x:hidden は、モバイル ブラウザでのコンテンツのオーバーフローを防止しません
私はここにウェブサイトを持っています。
. _ body
_overflow-x:hidden
Android であれ iOS であれ、どのモバイル ブラウザでも、黒いメニュー バーが全幅で表示されるため、ページの右側に空白ができます。私の知る限り、この空白はhtml
またはbody
タグの一部ではありません。
ビューポートを次の特定の幅に設定したとしても<head>
:
サイトは 1100px まで拡大されますが、1100 を超える余白がまだあります。
私は何が欠けていますか?ビューポートを 1100 に保ち、オーバーフローを遮断するにはどうすればよいですか?
html - モバイルブラウザでの HTML5 を使用した音声録音 (マイクへのアクセス)
モバイルのマイクにアクセスして、HTML5 を使用して音声を録音できますか?
私はこのリンクを試していました:
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
私が得る場所
< input type="file" accept="audio/*;capture=microphone">
次の入力タグを使用してマイクにアクセスしましたが、デバイスの HTML ビューアーでは機能しませんでした。
助けてください。
前もって感謝します。
javascript - ダブルタップ ズームのみを無効にし、ピンチ ズームを無効にすることはできますか?
Javascript でゲームを作成しているため、コンピューターまたはモバイル Web ブラウザーでプレイできます。コンピューター上では完璧ですが、多くのクリックが必要です。
モバイル Web ブラウザーを使用すると、ダブルタップと解釈されてズームし続けることがありますが、これは望ましくありません。
ズームを完全に無効にする方法は知っていますが、ダブルタップ ズームのみを無効にする方法はありますか? そうでない場合、移動ボタンを何度もタップしたときにズームし続けないようにする回避策はありますか?