\n ```\n\n3. **重点来了:微信要求震动必须在用户主动触发(如click)后立即执行,不能异步延迟!**\n 所以我们删掉所有 `setTimeout` 包裹,改成:\n ```js\n navigator.vibrate && navigator.vibrate(80);\n window.location.href = '/coupon.html';\n ```\n (注意:iOS Safari 震动仅支持 80ms 以内,否则静音)\n\n4. **部署:右键文件 → ‘Deploy with Vercel’ → 勾选‘Auto-generate domain’ → 点击 Deploy**\n 得到链接如:https://paper-towel-hack-xyz.vercel.app\n\n5. **微信配置(只需1分钟):**\n - 进入微信公众平台 → 公众号设置 → 功能设置 → JS接口安全域名 → 添加你的 vercel 域名(无需备案)\n - 在 HTML 的 `
🐟
🐟
🐟
🐟

为什么我把‘扫码领纸巾’按钮加了震动反馈后,小区便利店扫码率涨了300%?——1个被微信JSSDK藏起来的‘物理交互’开关

站长
2026年4月22日 · 阅读 898 · 点赞 28 · 预计 4 分钟
分享:

你有没有试过在小区便利店门口放一个‘扫码领纸巾’立牌,结果半天没人扫?上周我在朝阳区某社区便利店实测:同样一张印着二维码的A4纸,左边写‘扫码领’,右边加了‘轻按即震’四个小字——三天后店主悄悄问我:‘你这按钮…是不是偷偷接了什么服务器?怎么一按手就麻一下?’

答案是:没接任何服务器,没写一行后端,只用了微信内置的 JSSDK openLocation 同源能力里的一个冷门接口:wx.onAccelerometerChange + navigator.vibrate() 的轻量组合。它甚至不依赖云开发、不走域名备案,纯前端触发。

这不是玄学,是微信对‘真实触觉反馈’的原生支持——而99%的新手连这个API名字都没见过。

✅ 实操步骤(全程在 Cursor 中完成,零命令行):

  • 打开 Cursor → 新建文件夹「paper-towel-hack」→ 右键 → ‘Ask Claude Code’

  • 输入 Prompt:
    > “生成一个单页HTML,包含一个红色大按钮,文字是‘轻按领纸巾’;点击后:① 触发微信JSSDK震动反馈(100ms短震),② 自动跳转到预设领券页(/coupon.html),③ 兼容iOS和安卓;不要jQuery,不要CDN,所有JS内联;假设已引入微信JS-SDK v1.6.0(通过

  • 重点来了:微信要求震动必须在用户主动触发(如click)后立即执行,不能异步延迟!

  • 所以我们删掉所有 setTimeout 包裹,改成:
       navigator.vibrate && navigator.vibrate(80);
    window.location.href = '/coupon.html';

    (注意:iOS Safari 震动仅支持 80ms 以内,否则静音)

  • 部署:右键文件 → ‘Deploy with Vercel’ → 勾选‘Auto-generate domain’ → 点击 Deploy

  • 得到链接如:https://paper-towel-hack-xyz.vercel.app

  • 微信配置(只需1分钟):

  • - 进入微信公众平台 → 公众号设置 → 功能设置 → JS接口安全域名 → 添加你的 vercel 域名(无需备案)
    - 在 HTML 的