问题标签 [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 时间选择器
我在 JavaScript 中构建了一个时间掩码,它适用于 PC、Mac、iPhone 和 iPad,但在大多数 Android 手机中无法始终如一地工作(我不想详细说明为什么此功能无法始终如一地工作)在 Android 中)所以我禁用它。对于三星来说,内置的 HTML5 时间选择器效果很好。
对于 Android 手机,当本机浏览器时间选择器可用时(例如现代三星手机),我想利用 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 浏览器都放大了一点点,所以网站的一小部分在屏幕右侧被截断,迫使水平滚动。
我花了最后一个小时尝试不同的 CSS 设置和谷歌搜索“移动浏览器缩放”的各种组合,但我还没有找到解决方案,这让我发疯了。
澄清一下:我想让浏览器放大到足以使网站水平填充屏幕,而不是更多。
我很感激任何帮助!
jquery - Jquery Sticky Plugin 在移动浏览器上损坏
我最近为我公司的 WordPress 网站改编了 jQuery 插件“Sticky”。该插件本身是严格的 jQuery,而不是 WordPress 特定的。虽然该插件适用于桌面浏览器,但在移动设备上呈现时会出现样式问题。
如何让页面辨别移动浏览器和桌面浏览器之间的区别,然后执行特定于浏览器的代码?
javascript - 在 iphone/ipad 网络浏览器 safari 中选择和突出显示文本不起作用
可能重复:使用 Javascript 更改所选文本的 CSS
我尝试了上面链接中的代码,但没有得到 iPad 浏览器突出显示所选文本的结果。
它可以在 safari、chrome 等桌面浏览器中完美运行。但是在 iPad Safari 浏览器中,选择的方式与任何桌面浏览器中的文本选择都不相似,而且我没有得到突出显示文本的结果。
我的简单 HTML 代码是:
请建议是否需要进行任何更改或需要包含任何其他 api。
html - 屏幕亮度 可用于移动浏览器?
浏览器是否可以使用设备的亮度级别?
我发现了这个 - http://mzl.la/SSBobX - 但我不确定这篇文章是否有效,因为我在屏幕对象或它所指的设置中找不到任何东西。
是否有跨浏览器的实现?
jquery - 两种不同版本的网站移动版和桌面版
当我在网站和移动设备中进入 ibm 时,我看到两个不同的链接
iphone如何检测手机版本?
我正在做我的项目来做不同的网站,但不知道为 iphone 实现它,因为我不确定 iphone 如何重定向到 m.ibm.com
android - Android 正在发送 2 个请求以通过移动浏览器下载一个文件
这真的在发生。我在 PHP 中进行了测试以确认这一点。
我创建了一个 test.php 文件并输入:
因此,当我通过任何 Android 移动浏览器打开 www.myurl/test.php 时,在 error_log.log 中我会得到两次“正在下载...”。
当我在任何其他移动操作系统(Windows、IOS 等)中打开相同的 URL 时,我只会在 error_log.log 文件中获得一次“正在下载...”。
有谁知道发生了什么以及如何避免这种情况?
这对我来说是个大问题,因为当有人下载文件时我会执行用户收费。现在从 Android 手机下载 1 个文件需要 2 次费用。
css - Overflow-x:hidden 不会阻止内容在移动浏览器中溢出
我在这里有一个网站。
在桌面浏览器中查看,黑色菜单栏仅正确延伸到窗口边缘,body
因为overflow-x:hidden
.
在任何移动浏览器中,无论是 Android 还是 iOS,黑色菜单栏都会显示其全宽,这会在页面右侧带来空白。据我所知,这个空格甚至不是html
orbody
标签的一部分。
即使我将视口设置为以下特定宽度<head>
:
该站点扩展到 1100 像素,但仍有超过 1100 的空白。
我错过了什么?如何将视口保持在 1100 并切断溢出?
html - 在移动浏览器中使用 HTML5 进行录音(访问麦克风)
我们可以访问手机的麦克风来使用 HTML5 录制我们的声音吗?
我正在尝试这个链接:
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
我在哪里
<输入类型=“文件”接受=“音频/*;捕获=麦克风”>
我使用以下输入标签来访问麦克风,但它在设备的 HTML 查看器中不起作用。
请帮忙。
提前致谢。
javascript - 我可以只禁用双击缩放而不禁用捏缩放吗?
我正在用 Javascript 制作游戏,因此可以在计算机或移动网络浏览器上玩。它在计算机上是完美的,但它需要大量的点击。
当我使用移动网络浏览器时,这有时会被解释为双击并保持缩放,这是我不想要的。
我知道如何完全禁用缩放,但有没有办法只禁用双击缩放?如果没有,当我经常点击移动按钮时,是否有解决方法不继续缩放?