下载 App
默认排序
默认排序
游戏测评员-辰安
同一账号:手机APP能测游戏,PC端网页/客户端点不了测试按钮
这是TapTap制造(Maker)H5真机预览非常高频的坑,一共5个核心原因,按排查优先级来:
1、项目构建只构建了移动端,没开启PC网页兼容(最高概率)
现象:手机扫码完美运行;电脑打开同一个预览链接,按钮灰掉、点不动、直接404。
TapTap Maker的 scene2d 项目,默认优先适配手机竖屏,很多构建配置没有开启PC网页端H5兼容。
- 手机APP内webview做了适配,所以可以正常点;
- PC浏览器缺少视口兼容,触摸/点击事件失效,按钮视觉在那,但是点击没有响应。
✅解决:
发给嗒啦啦指令:
修改项目构建配置,开启H5 PC网页兼容,适配电脑浏览器访问。
修复触摸、鼠标点击两套事件,鼠标点击可以正常触发按钮,不要只有手机触摸生效。
执行完整全量构建,生成新的真机预览链接。
2、登录环境不一样(账号看着一样,实际授权会话不同)
手机TapTap App内置浏览器,是App自带授权登录;
PC端是网页浏览器登录。
即使手机号一样,厂商/项目访问Token是两套。
- 手机App内:自动带上maker项目访问令牌;
- PC网页:浏览器登录,token过期、没拿到项目权限,按钮直接禁用,看着像公开测试,实际没有访问权限。
✅排查:PC网页完全退出账号,重新验证码登录,不要扫码快捷登录。复制完整预览链接粘贴浏览器地址栏,不要从旧缓存页面点开。
3、项目元数据game_type配置隐患
之前你遇到的 404无效游戏类型 同一个根源。
project.json 里面 game_type:"scene2d" ,但是缺少网页端渲染字段。
网页预览(PC)校验更严格,手机App的webview容错很强,配置轻微损坏手机照样跑,PC直接失效。
✅让嗒啦啦检查project.json,补齐web相关字段,必须全量构建,不能增量构建。
4、屏幕方向限制:强制竖屏导致PC端交互异常
项目设置强制竖屏锁定。
手机竖屏完美适配;电脑浏览器宽屏模式下,页面渲染错乱,按钮坐标偏移,鼠标点击点不到真实按钮位置,看上去就是“点不了”。
✅两种方案:
1. PC端自动自适应;
2. PC页面提示:建议手机扫码体验。
5、浏览器缓存问题(PC端专属)
PC浏览器会死死缓存旧构建包。哪怕你已经重新构建,浏览器还在加载旧坏掉的版本。
手机TapTap App内置webview缓存策略不一样,不容易卡旧缓存。
✅PC操作: Ctrl+Shift+R 强制硬刷新,或者无痕模式打开预览链接测试。