問題タブ [chrome-for-android]

高さと幅がゼロの iframe 内に現在ロードされているページにオーディオ要素があります。親ページの postMessage を使用して、子ページにオーディオを再生するように指示しています。

これはデスクトップ ブラウザーでは問題なく機能しますが、モバイル ブラウザーでは問題が発生します。(私は Chrome for Android でテストしていますが、iOS でも同じ問題が発生すると思います)。

モバイル ブラウザでは、ユーザーが開始したアクションによってメディアの play() コマンドがトリガーされる必要があります。私の場合、ユーザーは親ページのボタンをクリックして再生を開始していますが、postMessage を実行すると、ブラウザはそれを追跡できなくなったようです。

iframe 内のページをユーザーに表示せずに、iframe 内でオーディオを再生する方法はありますか?

私は公式ガイドに従いましたが、Chrome localhost:9222 に入力すると、「ローカルホストを待っています...」とハングアップします。

デバイスで USB デバッグを有効にし、USB 経由でデバイスを接続しました

ポートを有効にするコマンドを実行すると、次のようなメッセージが表示されます。

ファイアウォールを無効にしようとしましたが、修正されませんでした。

Firefox で試してみましたが、すぐに検査可能なページを表示できますが、クリックすると、「リモート デバッグは理由により終了しました: websocket_closed」が表示されます。

あなたを助ける他の有用な情報：

• Chrome バージョン 26.0.1410.64 m で実行しています
• Nexus 4 で実行中

デスクトップ用Chromeでは、開発ツールを開いたときにキャッシュを完全に無効にするオプションが開発ツールにあり、リロードボタンを長押しすると（開発ツールを開いた状態で）手動でハードリロードするオプションがあります。

Android用Chromeにそのようなテクニックはありますか? 設定が見つかりませんでした。開発時にキャッシュされたファイルを使用する代わりに、ブラウザーに強制的に JavaScript または CSS ファイルをダウンロードさせたい場合はどうすればよいですか?

Chrome for Android でcytoscape.jsグラフを開くと、線の太さに関係なくエッジ線が表示されません。

以下に例を示します: http://jsbin.com/AnEtura/1/edit

Android (Chrome for Android) で HTML5 ビデオとキャンバスに問題があります。ビデオからキャンバスにフレームを描画します (CanvasRenderingContext2D.drawImage() を使用)。デスクトップ ブラウザでは問題なく動作しますが、Chrome for Android では動作しません。Chrome for Android では、ビデオ要素が表示されている場合にのみ機能します。つまり、要素がプロパティで表示されていても、ページのスクロールのために表示されていない場合でも、機能しません。

この例http://html5demos.com/video-canvasは、モバイル デバイスのビューポートに少なくとも 1 ピクセルのビデオ要素が表示されている場合にのみ機能します。動画要素が完全に非表示の場合 - キャンバスは更新されません。

だから、私は回避策を探しています。ビデオ要素が非表示のときにキャンバスを更新するにはどうすればよいですか?

最近、私は、Android デバイスのサブセット (または単一の Android デバイス) でのみ見られる Web レンダリングのバグに関する多くのチケットに取り組んでいます。このカテゴリのバグを再現するのは非常に難しいようです。まったく再現できない場合もあれば、一部のデバイスでは再現できても他のデバイスでは再現できない場合があり、その理由がわかりません。

例として、あるチケットが最近 QA によって「Galaxy Tab/ Android QA ビルド 4.1」に影響を与えると報告されました。私は試した

• 4.1でエミュレーター（ADTとGenymotionの両方）を実行しています（そこでは再現できませんでした）
• 4.1 を実行している 2 つの異なる Galaxy Tab デバイス (そこでは再現できません)
• Browserstack の Galaxy Tab 2 10.1 エミュレーター (Android 4.0 を実行)...そして、QA がチケットに添付したスクリーンショットが示すものを正確に確認し、問題を再現することに成功しました。

最終的にその特定のバグを解決できたのは素晴らしいことですが、その一方で、最初の 2 回の試行であきらめるのは簡単で、Browserstack を試したことはありませんでした。それを再現する方法を見つけたのは、半分ばかげた運です。私はそれに頼るのをやめて、(a) 問題を再現できる可能性が高い場所を特定すること、(b) 必要なすべての詳細を提供するために QA をグリルすることを学びたいと思います。

関連する変数は何ですか？次のようなことを考えています。

• アンドロイド版
• ブラウザ版
• もしかしてカーネルバージョン？
• ストック OS とカスタム OS (キャリア/メーカーのバリエーションが果たす役割の大きさ) は?
• 画面サイズ・解像度
• 他のハードウェアのバリエーションは?

しかし、これらがどのように相互作用するか、または他にどのようなことが関係している可能性があるかについては、あまり知りません。

この質問のもう 1 つの言い方は、誰かが私のところに来て、「こんにちは、Samsum DroidTab でブラウジングしているときに、あなたのウェブサイトで問題が発生しましたか?」と言った場合です。（または他の不正確に指定されたデバイス）彼らが見ているものを確実に再現できる別のデバイス/エミュレータを見つけるために正確に何を見つける必要がありますか?