问题标签 [opera-mobile]

因此，我正在维护位于此处的存档的主页，其中插入了一个音频元素，其中包含一个随机选择的指向音频文件的 RELATIVE 链接。它可以在桌面浏览器上正常播放音频，但无法在 Dolphin Jetpack 和 Opera Mobile 等 Android 移动浏览器上播放音频。创建音频元素的代码：

我想知道什么会导致这种行为。我已经在 w3schools 的 try-it 页面上测试了这两种移动浏览器，它们的音频在那里运行良好。我怀疑这可能与 https 协议有关。

编辑：我已经通过报告向导报告了 Opera 的错误，并通过带有此问题链接的电子邮件报告了 Mobotap 的错误。

我正在使用 Bootstrap + Font Awesome，大多数桌面和移动浏览器都可以，但是 Font Awesome 图标不适用于某些浏览器，例如 Opera Mobile、Opera Mini 和某些版本的 Android 浏览器。只显示一个空白矩形。

有谁知道这个问题？并且，有解决方案吗？

谢谢

[编辑 2013-03-06 ！重要] 我找不到任何明显的问题，所以我尝试了闻所未闻的解决方案。我尝试了两个在线字体转换工具。首先，我使用http://www.freefontconverter.com/将原始 FontAwesome svg 转换为 ttf。然后我使用http://www.font2web.com/将该 .ttf 转换为 .eot、.woof 和 .otf。

结果：opera mobile 现在可以正确显示图标。（我不知道有什么变化，但有效）

现在的问题是黑莓6。我用 BB Curve 9300、Modernizr 和 Google 字体测试了@font-face，一切正常。但是FontAwesome仍然不起作用......

[EDIT 2013-03-01] Opera mobile 10+ 支持@font-face，所以问题可能是另一个问题。我尝试使用带有@font-face 的另一种服务器字体并且工作正常，但是使用 FontAwesome 我无法正确显示图标。

[编辑 2013-03-03] 问题不仅在于我的网站，Font Awesome 网站示例和测试都不起作用......

[编辑 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 并禁用水平滚动吗？

我正在开发网页的移动版本。我正在使用带有两个浏览器的 Symbian 手机进行测试。默认浏览器工作正常，但我在使用 Opera Mobile 时遇到问题。

每次页面加载时，它都会放大而不是适合屏幕加载。这甚至发生在这样的简单页面中：

当我加载页面而不是让它们放大加载时，有什么方法可以使页面适合屏幕？

任何帮助将不胜感激。

我在我的网站上使用具有以下 css 类的 div：

此 div 中有几个链接，包含以下 css 类：

注意：我还尝试了以下方法：

此布局在所有主要浏览器（包括 Android 股票浏览器）上都可以正常工作，但是在放大时我在 Opera Mobile 上遇到了令人讨厌的问题。看看：

它基本上被包裹成2行。

( div id="菜单" )

我已经用jquery mobile制作了这个UI，我在这里做的是在按钮上单击搜索输入向下滑动以进行搜索......同样它将专注于输入框......

这是我正在使用的脚本，

我已经在Opera Mobile 和 iphone上对其进行了测试，但问题是焦点没有发生意味着如果应用它应该显示浏览器键盘focus()......

我的代码是正确的还是其他的？纯javascript是使这项工作的解决方案吗？

这是它的非工作演示，http://jsfiddle.net/aH4QM/show/

我有一个要上传图像的表单，所以显然有一个 input[type=file] 有一个 .image-upload 类，但因为它看起来很难看，我把它隐藏了（显示：无），而是有一个漂亮的显示上传（.upload 类）的按钮，点击时我想触发 input[type=file] 元素的点击/点击事件，以便用户可以上传图像。

下面的代码适用于桌面，但不适用于移动设备。如果我将下面的 .click 更改为 .tap ，那么它无处可去？

更新，我从没想过它可能是特定于浏览器的问题，但是这段代码在普通的 Android 浏览器中有效，而不是在 Opera 中。

我正在努力将我现有的 MVC 网站转换为对移动设备友好。单击链接时出现问题，它显示空白页面。如果我删除 _Layout.Mobile.cshtml 中的以下链接

然后它工作正常，但我失去了所有的样式和网页上的文字显示非常小。我正在使用 Opera Mobile 模拟器进行测试。链接是本地的，类似于“localhost:62234/Articles/10”。

只是为了提供更多背景信息，我将我的 Framework 4.5 MVC 网站转换为对移动设备友好。我已经添加了所有需要的库，并且主页运行良好。在主页上按下链接时出现问题。最初单击链接什么也没做，然后我做了一些研究，发现我必须在链接中添加标签 rel="external" 才能使它们起作用。现在链接工作但显示空白页面。任何帮助是极大的赞赏。

为什么 Opera Mobile 浏览器中不显示 Twitter Bootstrap 的图标？如何解决问题？

我的应用程序有一个弹出窗口，我们的 Android 平板电脑运行 Opera Mobile 12（唯一支持代理的移动浏览器和最后一个“真正的”Opera 浏览器）呈现为全屏窗口。没关系，但出现的问题是任何错误的后退箭头点击都会立即关闭他们正在工作的窗口，因为 Opera 不支持该beforeunload事件，当用户不小心点击屏幕底部附近并击中背部时会感到沮丧箭头代替。

如何在 Opera Mobile 12 中防止后退箭头在没有警告的情况下关闭窗口？