問題タブ [opera-mobile]

そのため、ここにあるアーカイブのメイン ページを維持しています。このページでは、ランダムに選択されたオーディオ ファイルへの RELATIVE リンクを使用してオーディオ要素が挿入されます。デスクトップ ブラウザでは問題なくオーディオを再生しますが、Dolphin Jetpack や Opera Mobile などの Android モバイル ブラウザではオーディオを再生できません。audio 要素を作成するコード:

何がそのような行動を引き起こすのか知りたいです。w3schools の試用ページで両方のモバイル ブラウザをテストしましたが、音声は問題なく動作しました。私はそれがhttpsプロトコルの何かである可能性があると疑っています.

編集: Opera のバグはレポート ウィザードで報告し、Mobotap のバグはこの質問へのリンクを記載したメールで報告しました。

Bootstrap + Font Awesome を使用しています。ほとんどのデスクトップおよびモバイル ブラウザーでは問題ありませんが、Opera Mobile、Opera Mini、一部のバージョンの Android ブラウザーなどの一部のブラウザーでは、Font awesome アイコンが機能しません。空白の長方形のみを表示します。

誰もその問題を知っていますか？そして、解決策はありますか？

ありがとう

[EDIT 2013-03-06 !重要] 明らかな問題が見つからなかったので、前代未聞の解決策を試しました。2 つのオンライン フォント変換ツールを試してみました。まず、http://www.freefontconverter.com/ を使用して元の FontAwesome svg を ttf に変換しました。次に、 http: //www.font2web.com/ を使用して、その .ttf を .eot、.woof、.otf に変換しました。

結果: Opera Mobile でアイコンが正しく表示されるようになりました。（変更点はわかりませんが、動作します）

現在の問題はBlackberry 6です。@font-face を BB Curve 9300、Modernizr、Google フォントでテストしましたが、すべて問題ありませんでした。しかし、FontAwesome はまだ機能しません...

[2013-03-01 編集] Opera モバイル 10+ は @font-face をサポートしているため、別の問題かもしれません。@font-face を使用して別のサーバー フォントを試してみたところ、問題なく動作しましたが、FontAwesome ではアイコンを正しく表示できません。

[2013-03-03 編集] 問題は私の Web サイトだけではなく、Font Awesome Web サイトの例とテストが機能していません...

[2013-03-4 編集] Modernizr の「font-face」機能検出を使用してフォールバックを試みましたが、opera Mobile と BlackBerry 6 はその機能をサポートしているため true を返します。 FontAwesome フォントがロードされているかどうかを検出するにはどうすればよいですか?

画面外に配置されたメニューを使用して、レスポンシブ Web レイアウトに取り組んでいます。基本的には、次のコードを使用しています。

CSS:

HTML:

デモはここにあります。

問題: Opera Mobile (Android 4.1.2 の 12.10) は div を画面外に配置しますが、スクロールは許可します - どうやらoverflow:hiddenルールを無視しているようです。

私の質問：

• Opera Mobile で div を非表示にして水平スクロールを無効にする方法はありますか?

私はjqueryモバイルでこのUIを作成しました。ここでは、ボタンをクリックして検索入力をスライドさせて検索します...同様に、入力ボックスに焦点を当てます...

これは私が使用しているスクリプトです。

Opera Mobile と iphoneでテストしましたが、問題は、フォーカスが発生しないということです。これは、適用するとブラウザのキーボードfocus()が表示されるはずです...

私のコードは正しいですか、それとも何か他のものですか? 純粋なjavascriptはこれを機能させるためのソリューションですか?

これは動作しないデモですhttp://jsfiddle.net/aH4QM/show/

私は画像をアップロードしているフォームを持っているので、明らかに .image-upload のクラスを持つ input[type=file] がありますが、見た目が悪いので非表示 (表示: なし) にして、代わりにかなりアップロード (class .upload) というボタンとタップすると、ユーザーが画像をアップロードできるように、input[type=file] 要素のタップ/クリック イベントをトリガーしたいと考えています。

以下のコードはデスクトップでは機能しますが、モバイル デバイスでは機能しません。下の .click を .tap に変更すると、どこにも機能しませんか?

更新、ブラウザ固有の問題である可能性があるとは思いもしませんでしたが、このコードは標準の Android ブラウザで機能し、Opera では機能しません。

既存の MVC Web サイトをモバイル フレンドリーに変換する作業を行っています。リンクをクリックすると問題が発生し、空のページが表示されます。_Layout.Mobile.cshtml で次のリンクを削除すると

その後、正常に動作しますが、すべてのスタイリングが失われ、Web ページのテキストが非常に小さく表示されます。テスト用に Opera Mobile エミュレータを使用しています。リンクはローカルで、「localhost:62234/Articles/10」のようなものです。

背景を説明するために、フレームワーク 4.5 MVC Web サイトをモバイル フレンドリーに変換しています。必要なすべてのライブラリを追加しましたが、メイン ページは正常に動作します。メイン ページでリンクを押すと問題が発生します。最初はリンクをクリックしても何も起こらなかったので、調査を行ったところ、リンクを機能させるにはリンクにタグ rel="external" を追加する必要があることがわかりました。リンクは機能するようになりましたが、空のページが表示されます。どんな助けでも大歓迎です。

Twitter Bootstrap のアイコンが Opera Mobile ブラウザに表示されないのはなぜですか? 問題を解決するには？