💆‍♂️网页版按摩棒——一句话让Trae实现炸裂需求

427 阅读1分钟

大家好,本次分享的工具非常实用。通过配置不同参数,震动模式可以达到无限种可能😆。

关键Api

这也是我灵感产生的关键~

介绍

navigator.vibrate

Navigator 接口的 vibrate()  方法会使得设备上的振动硬件发出振动(如果存在此类硬件)。如果设备不支持振动,则此方法无效。如果调用此方法时已经处于振动模式,则会停止前一个模式,并开始新的模式。

如果该方法由于参数无效而无法振动,它将返回 false,否则返回 true。如果振动模式导致振动时间太长,则振动模式会被截断:最大长度取决于浏览器实现。

示例

navigator.vibrate(200); // 振动 200ms
navigator.vibrate([
  100, 30, 100, 30, 100, 30, 200, 30, 200, 30, 200, 30, 100, 30, 100, 30, 100,
]); // 用摩斯密码振动“SOS”

兼容性

Navigator: vibrate() method - Browser compatibility

Trae的神助攻

不多说了,看图吧。以下是Builder模式构建截图

image.png

模型使用的是Deepseek R1,可见已经把我的需求分析的非常清晰,并且列出主要实现。

体验

Trae能帮助我快速实现一个灵感,生成的代码只需要微调便可成功运行。多次纠错并没有发现产生“幻觉”。

感兴趣的可以来体验一把💆‍♂️,请用手机浏览器打开 mobile-massage在线体验

源码地址