移动
覆盖移动端全栈开发疑问，解答原生 / 跨端、适配优化与体验升级中的各类移动难题。
-
2
回答
56浏览
Jest 测试移动端 React 组件时如何模拟 useMediaQuery？
我写了个响应式组件，用 useMediaQuery 判断是不是移动端，但在 Jest 里跑测试一直报错说 matchMedia 未定义。试过 mock window.matchMedia，但还是不生效...
-
1
回答
35浏览
uView的u-popup在H5端点击遮罩层无法关闭是怎么回事？
我用uView的u-popup组件，在H5端测试时发现点击遮罩层不能自动关闭弹窗，但App端是正常的。明明设置了maskCloseable为true，还是没反应。 试过手动监听close事件也不触发，...
-
1
回答
29浏览
为什么我的媒体查询断点在手机上不生效？
我用的是 Bootstrap 的断点规范，写了 @media (max-width: 768px) 想在手机上触发样式，但在真机测试时完全没反应，桌面浏览器缩小窗口倒是正常。是不是漏了什么 meta ...
-
1
回答
27浏览
uni-app中如何监听页面返回事件？
我在uni-app里做了一个表单页面，用户填写到一半点返回键，我想弹个确认框防止误操作。但试了onUnload和onHide都不行，安卓物理返回键根本没触发这些生命周期。 查文档说可以用onBackP...
-
1
回答
47浏览
OffscreenCanvas 在移动端怎么用才不报错？
我在做一个移动端的 Canvas 动画，想用 OffscreenCanvas 提升性能。本地开发时在 PC Chrome 上跑得好好的，结果一到手机 Safari 或微信浏览器就直接报错，说 Offs...
-
1
回答
42浏览
移动端点击手势为什么经常误触发？
我在做一个移动端的卡片组件，想用 touchstart 和 touchend 来模拟点击事件，但经常轻轻滑动一下也会触发点击，体验很差。 试过用时间差和位移判断，但效果不稳定。比如下面这段逻辑： le...
-
1
回答
22浏览
Weinre调试时样式不生效是怎么回事？
我在用Weinre远程调试手机页面，发现CSS改了但页面没变化，很奇怪。本地浏览器是好的，一到真机上通过Weinre就看不到样式更新。 试过强制刷新、清缓存，也确认Weinre的script标签已经正...
-
1
回答
46浏览
React Native集成iOS后样式不生效怎么办？
我用React Native开发了个组件，在iOS真机上跑的时候发现某些CSS样式完全没效果，特别是flex相关的布局。安卓上显示正常，但iOS就乱了。 试过重启Metro、清理Xcode缓存，也检查...
-
1
回答
22浏览
BrowserStack 上测试移动端页面布局错乱怎么办？
我在本地用 Chrome DevTools 模拟 iPhone 12 看页面都正常，但上传到 BrowserStack 实际设备上测试时，布局完全错位了，特别是 flex 容器里的元素挤成一团。是不是...
-
1
回答
28浏览
Weinre 调试时页面没反应是怎么回事？
我用 weinre 搭了个本地调试服务器，手机和电脑在同一局域网下，也把 script 标签加到页面里了，但手机上打开页面后，weinre 的 client 界面一直显示“no target”，根本连...
-
1
回答
31浏览
移动端列表滚动卡顿怎么优化？
我用 Vue 写了个商品列表页，数据一多滚动就特别卡，尤其在低端安卓机上。试过给 item 加 transform: translateZ(0) 也没啥用，是不是得用虚拟滚动？ 现在每个列表项结构也不...
-
1
回答
21浏览
移动端点击事件冒泡怎么阻止？
我在用 Vue 做一个弹窗，里面有个按钮要阻止点击事件冒泡到外层遮罩，但用了 @click.stop 好像没生效？ 在真机上点按钮还是会触发外层的关闭逻辑，是不是移动端 touch 事件和 click...
-
1
回答
21浏览
移动端断点调试为啥不生效？
我在用 Chrome DevTools 调试手机上的网页，打了断点但代码根本不暂停，console.log 能看到输出，但断点就是不触发，是不是哪里设置错了？ 我试过在 Sources 面板里找到对应...
-
1
回答
30浏览
移动端页面卡顿怎么用 Chrome DevTools 分析性能？
我用 Chrome 远程调试 iPhone 上的 H5 页面，发现滚动特别卡，但不知道怎么用 Performance 面板抓取真实设备上的性能数据。本地模拟器跑起来又不卡，根本复现不了问题。 试过在 ...
-
1
回答
47浏览
Reanimated中useSharedValue在useEffect里更新没反应？
我在React Native里用Reanimated的useSharedValue，想在useEffect里根据某个状态更新它的值，但发现UI根本没变化。是不是不能在useEffect里直接赋值？ 我...
-
1
回答
23浏览
移动端怎么正确识别捏合手势缩放？
我在做移动端图片预览功能，想用原生 JS 实现捏合缩放，但试了 touchstart 和 touchmove 事件，两个手指的距离计算好像不对，缩放时特别卡顿还容易误触。 我用的是 event.tou...
-
1
回答
43浏览
移动端 touchend 事件怎么阻止冒泡？
我在做一个滑动删除功能，给列表项绑定了 touchend 事件，但点击后事件总是冒泡到父容器，导致触发了父级的点击逻辑。 试过在回调里加 e.stopPropagation()，但好像没用，是不是移动...
-
1
回答
51浏览
LocalStorage 存敏感信息会被窃取吗？
我在做移动端登录功能，把 token 存在 LocalStorage 里，但听说这样不安全，容易被 XSS 攻击偷走？ 现在页面里确实有动态插入用户内容的地方，比如评论区。我试过改用 sessionS...
-
2
回答
41浏览
Capacitor在iOS真机上无法调用相机插件怎么办？
我在用React + Capacitor开发一个拍照上传功能，在浏览器和Android模拟器上都正常，但一到iOS真机就完全没反应，控制台也没报错。是不是权限配置漏了？ 我已经在Info.plist里...
-
1
回答
47浏览
支付宝支付在H5页面调起失败怎么办？
我在做移动端H5项目，接入支付宝支付时，点击支付按钮没反应，也没报错。试过用 window.open 打开支付宝的支付链接，但在微信和部分安卓浏览器里直接被拦截了。 后端返回的是标准的 form 表单...
