问题标签 [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.

0 投票
2 回答
3972 浏览

javascript - 检查浏览器是否支持 HTML5 时间选择器

我在 JavaScript 中构建了一个时间掩码,它适用于 PC、Mac、iPhone 和 iPad,但在大多数 Android 手机中无法始终如一地工作(我不想详细说明为什么此功能无法始终如一地工作)在 Android 中)所以我禁用它。对于三星来说,内置的 HTML5 时间选择器效果很好。

对于 Android 手机,当本机浏览器时间选择器可用时(例如现代三星手机),我想利用 HTML5 时间选择器。

我知道我可以检测浏览器是否支持date/datetime输入类型,但这并不一定表明浏览器支持时间选择器(对于任何怀疑使用 HTC EVO 3D 进行测试的人,仅作为一个示例。)这个问题( Detect browser's native date/time pickers ) 表示如果支持时间类型,则浏览器已经实现了时间选择器,但这是错误的。

我知道modernizr,但我没有看到一种方法来实际验证浏览器是否支持时间选择器。

所以有了这些背景信息。有谁知道确定浏览器是否实现了时间选择器的方法?

0 投票
0 回答
390 浏览

zooming - 移动浏览器放大太多

我正在建立我的第一个移动网站。

为确保该站点适当地填充屏幕,我已设置 <meta name="viewport" content="width=device-width, initial-scale=1" />

但是,在我的手机(Android 4.2.1)上,只有 Opera Mobile 放大并用“视口”-DIV 填充屏幕。Chrome、Dolphin、Firefox 和 Android 浏览器都放大了一点点,所以网站的一小部分在屏幕右侧被截断,迫使水平滚动。

我花了最后一个小时尝试不同的 CSS 设置和谷歌搜索“移动浏览器缩放”的各种组合,但我还没有找到解决方案,这让我发疯了。

澄清一下:我想让浏览器放大到足以使网站水平填充屏幕,而不是更多。

我很感激任何帮助!

0 投票
0 回答
177 浏览

jquery - Jquery Sticky Plugin 在移动浏览器上损坏

我最近为我公司的 WordPress 网站改编了 jQuery 插件“Sticky”。该插件本身是严格的 jQuery,而不是 WordPress 特定的。虽然该插件适用于桌面浏览器,但在移动设备上呈现时会出现样式问题。

如何让页面辨别移动浏览器和桌面浏览器之间的区别,然后执行特定于浏览器的代码?

有问题的网页是:http ://www.energytoolsint.com/who-we-are/

0 投票
1 回答
5949 浏览

javascript - 在 iphone/ipad 网络浏览器 safari 中选择和突出显示文本不起作用

可能重复:使用 Javascript 更改所选文本的 CSS

我尝试了上面链接中的代码,但没有得到 iPad 浏览器突出显示所选文本的结果。

它可以在 safari、chrome 等桌面浏览器中完美运行。但是在 iPad Safari 浏览器中,选择的方式与任何桌面浏览器中的文本选择都不相似,而且我没有得到突出显示文本的结果。

在此处输入图像描述

我的简单 HTML 代码是:

请建议是否需要进行任何更改或需要包含任何其他 api。

0 投票
0 回答
959 浏览

html - 屏幕亮度 可用于移动浏览器?

浏览器是否可以使用设备的亮度级别?

我发现了这个 - http://mzl.la/SSBobX - 但我不确定这篇文章是否有效,因为我在屏幕对象或它所指的设置中找不到任何东西。

是否有跨浏览器的实现?

0 投票
2 回答
205 浏览

jquery - 两种不同版本的网站移动版和桌面版

当我在网站和移动设备中进入 ibm 时,我看到两个不同的链接

http://www.ibm.com/us/en/

http://m.ibm.com/us/en/

iphone如何检测手机版本?

http://m.ibm.com/us/en/

我正在做我的项目来做不同的网站,但不知道为 iphone 实现它,因为我不确定 iphone 如何重定向到 m.ibm.com

0 投票
2 回答
2715 浏览

android - Android 正在发送 2 个请求以通过移动浏览器下载一个文件

这真的在发生。我在 PHP 中进行了测试以确认这一点。

我创建了一个 test.php 文件并输入:

因此,当我通过任何 Android 移动浏览器打开 www.myurl/test.php 时,在 error_log.log 中我会得到两次“正在下载...”。

当我在任何其他移动操作系统(Windows、IOS 等)中打开相同的 URL 时,我只会在 error_log.log 文件中获得一次“正在下载...”。

有谁知道发生了什么以及如何避免这种情况?

这对我来说是个大问题,因为当有人下载​​文件时我会执行用户收费。现在从 Android 手机下载 1 个文件需要 2 次费用。

0 投票
19 回答
239636 浏览

css - Overflow-x:hidden 不会阻止内容在移动浏览器中溢出

我在这里有一个网站。

在桌面浏览器中查看,黑色菜单栏仅正确延伸到窗口边缘,body因为overflow-x:hidden.

在任何移动浏览器中,无论是 Android 还是 iOS,黑色菜单栏都会显示其全宽,这会在页面右侧带来空白。据我所知,这个空格甚至不是htmlorbody标签的一部分。

即使我将视口设置为以下特定宽度<head>

该站点扩展到 1100 像素,但仍有超过 1100 的空白。

我错过了什么?如何将视口保持在 1100 并切断溢出?

0 投票
1 回答
7740 浏览

html - 在移动浏览器中使用 HTML5 进行录音(访问麦克风)

我们可以访问手机的麦克风来使用 HTML5 录制我们的声音吗?

我正在尝试这个链接:

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我在哪里

<输入类型=“文件”接受=“音频/*;捕获=麦克风”>

我使用以下输入标签来访问麦克风,但它在设备的 HTML 查看器中不起作用。

请帮忙。

提前致谢。

0 投票
0 回答
595 浏览

javascript - 我可以只禁用双击缩放而不禁用捏缩放吗?

我正在用 Javascript 制作游戏,因此可以在计算机或移动网络浏览器上玩。它在计算机上是完美的,但它需要大量的点击。

当我使用移动网络浏览器时,这有时会被解释为双击并保持缩放,这是我不想要的。

我知道如何完全禁用缩放,但有没有办法只禁用双击缩放?如果没有,当我经常点击移动按钮时,是否有解决方法不继续缩放?