移动端 - 手机震动体验处理

最新推荐文章于 2024-11-15 09:48:52 发布

原创

最新推荐文章于 2024-11-15 09:48:52 发布 · 948 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5

博客介绍了navigator.vibrate在移动端的应用，可给用户带来更真实丰富的体验。通过判断navigator.vibrate值确定设备是否支持震动，还能调节navigator.vibrate()中的参数，实现可调节的震动效果。

navigator.vibrate 手机震动体验主要用于移动端，给用户以更真实而丰富的用户体验
通过navigator.vibrate值判断当前设备是否支持震动
再通过navigator.vibrate( )，调节当其中的参数，实现可调节的震动效果

	navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || 
						navigator.mozVibrate || navigator.msVibrate;
	if(navigator.vibrate) navigator.vibrate

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JasoncodeQvQ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用 Vibration API 进行网页振动效果

2401_86113453的博客

09-21

731

Vibration API 允许网页通过调用设备的振动功能来提供触觉反馈。这个 API 主要用于移动设备，因为大多数桌面设备不支持振动功能。

jQuery手机移动端弹窗下拉菜单选择代码

06-10

"jQuery手机移动端弹窗下拉菜单选择代码"提供了一种解决方案，使得用户在狭小的屏幕上也能方便地进行多级选择。以下是对这个代码实现的详细解析： 1. **jQuery库**：jQuery是一个强大的JavaScript库，它简化了HTML...

参与评论您还未登录，请先登录后发表或查看评论

Navigator：vibrate() 方法 - Web API | MDN

最新发布

阿牛哥的博客

11-15

1435

Navigator接口的vibrate()方法用于控制设备上的振动硬件（如果存在）。如果设备不支持振动，则该方法无效。如果已经处于振动模式，调用此方法会停止前一个模式，并开始新的振动模式。

JS手机振动API vibrate

weixin_33974433的博客

06-10

775

判断兼容浏览器对振动API的支持情况，一个好的习惯就是在使用之前要检查一下当前你的应用环境、浏览器是否支持振动API。下面就是检测的方法： var supportsVibrate = "vibrate" in navigator; 在window.navigator对象里就只有一个关于振动的API：vibrate。振动API基础应用 ...

BOM对象navigator：偷偷攒(cuán)了这么多招！

坚信万物皆可切的切图仔

03-23

978

书接上回，上一篇更文我介绍了bom对象navigator的一些属性 API传送门，那么本文就继续来介绍一下它的一些“神奇”的方法 API。人总是对自己不了解的东西心生恐惧😱对于大部分前端仔来说，其实只要知道有这么个东西即可。大部分刁钻的需求，其实最难的是我们想不到实现方式，而不会不会用那都是后话了（不会可以百度cv 🐶）

H5移动端实现手机震动效果

qq_26642611的博客

10-13

3010

判断兼容浏览器对振动API的支持情况，一个好的习惯就是在使用之前要检查一下当前你的应用环境、浏览器是否支持振动API。下面就是检测的方法： setTimeout(()=>{ navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate; if(navigator.vibrate) { console.log(

js监听手机屏幕亮度、震动、方向变化

网站前端/PHP/Android/其他

03-29

8804

Vibration API Vibration接口用于在浏览器中发出命令，使得设备振动。显然，这个API主要针对手机，适用场合是向用户发出提示或警告，游戏中尤其会大量使用。由于振动操作很耗电，在低电量时最好取消该操作。使用下面的代码检查该接口是否可用。目前，只有Chrome和Firefox的Android平台最新版本支持它。 navigator.vibrate = navi

Unity3D教程：手机“摇一摇”与震动效果2

08-08

在Unity3D游戏开发中，实现手机的"摇一摇"功能和震动效果是一个常见的交互设计，这在许多移动端游戏中可以提升用户体验。本教程将详细解释如何利用Unity3D的内置API来创建这两个效果。首先，我们要理解Unity3D中的...

移动端触屏滑动导航菜单

09-15

在移动端应用开发中，触屏滑动导航菜单是一种常见的交互设计模式，主要用于提供用户友好的导航体验。这种设计尤其适用于屏幕空间有限的移动设备，如智能手机和平板电脑。本篇文章将详细探讨移动端触屏滑动导航菜单的...

移动端用户体验设计指南

移动端用户体验设计在现代应用开发中扮演着至关重要的角色。随着移动设备的普及和互联网的快速发展，用户对移动应用的要求也越来越高。一个好的用户体验设计可以有效提升用户的满意度，增加用户的粘性，并在激烈的...

js调用手机震动.html

08-19

js调用手机震动.html

JavaScript手机振动API

编程第一家

06-22

996

很明显，这个API就是允许mobile程序员使用JavaScript调用手机的振动功能，并且能设定振动的方式和时长。判断浏览器对振动API的支持情况一个好的习惯就是在使用之前要检查一下当前你的应用环境、浏览器是否支持振动API。下面就是检测的方法： ? 1 2 // Standards ftw! var supportsVibrate =

html5 navigator 手机震动,js实现手机震动

热门推荐

spring mongodb maven

01-19

1万+

html5 navigator 的 vibrate实现手机震动主要用到的代码//if phone support navigator.vibrate if (navigator.vibrate) { //vibrate 1 second navigator.vibrate(1000); } else if (naviga

h5设备震动

qq_46186155的博客

05-22

758

在一些浏览器中，可以传递一个可选的配置对象，用于指定震动的强度。强度参数是一个数组，它的每个元素表示震动的强度。强度的取值范围是 0 到 1 之间的数字，表示震动的振幅比例。例如，0 表示无振动，1 表示最大振动。navigator.vibrate() 是一个浏览器原生的 API，用于在支持浏览器的设备中触发震动。需要注意的是，该 API 在某些设备上可能无法使用，需要检查浏览器是否支持该 API。例如，以下代码将使设备震动一次，持续 200 毫秒，然后停顿 100 毫秒，再震动一次，持续 500 毫秒。

JavaScript实现手机震动效果

weixin_44590591的博客

01-28

2821

$(".shock").click(function() { // [震动时间，停止时间，震动时间，停止时间………..] navigator.vibrate([300, 300,300, 300,300, 300,300, 300,]); }); //Vibration接口用于在浏览器中发出命令，使得设备振动。 function vibration() { navigator.vibrate = navigator.vibrate || navigator.we...

JS实现手机振动

HDaveC的博客

06-23

1557

JS手机振动API vibrate

html5特效手机震动,JavaScript手机振动API

weixin_33982195的博客

06-04

443

现代浏览器里提供的新的API越来越倾向于移动手机应用，而不是传统的桌面应用，比如JavaScript地理位置信息API。另外一个只针对手机应用的JavaScript API就是振动(Vibration) API。很明显，这个API就是允许mobile程序员使用JavaScript调用手机的振动功能，并且能设定振动的方式和时长。观看演示判断浏览器对振动API的支持情况一个好的习惯就是在使用之前要检查...

html5调用手机震动

weixin_30653097的博客

07-31

1163

在h5里面里面，浏览器对象有个vibrate属性。顾名思义，翻译过来就是震动的意思，这个api属性方法如下: 要调用的例子 if (window.navigator.vibrate) window.navigator.vibrate([200, 100, 200]); else alert("你的浏览器不支持调用手机震动"); 这样子...