web、android和ios共同能够实现滑动及同步测试(实测)

web、android和ios共同能够实现滑动及同步测试(实测)

1、三者滑动效果

描述:在web页面拼好了之后,使用android和ios进行测试的时候,android轮播图能够实现触摸滑动,但是ios不可以,于是添加一下代码后即可进行两者滑动。

js 复制代码
document.body.addEventListener('touchmove', function(e) {
    e.preventDefault(); // 阻止默认滑动行为
}, {passive: false})

2、三者如何进行有效实时测试

描述 :在进行电脑端及web端进行页面的拼接与功能实现的时候,虽然有网页的模拟测试,但是具体的有些还是不行,应对与android和ios手机,找到的最好方式就是同一个局域网下内网访问。

:对于新建vue3+vite项目,实现页面后,想要用手机访问这个项目,便于实时进行修改以及功能实现

操作:可以搜索=>vue3+vite如何让内网访问,找到解决方法

在项目根目录下的 " vite.config.ts " 文件 中,添加 serve 配置 "host: '0.0.0.0' ",即添加以下代码:

js 复制代码
server: {
	host: '0.0.0.0'
},

实现 :即可实现网页,android以及ios的同步,便于系统不同的前端无论是方式和便捷度都十分友好,暂时最优方案。

相关推荐
其实防守也摸鱼几秒前
KMP全栈开发:从Android到AI Agent的技术演进与实践
android·运维·网络·人工智能·学习·安全·macos
YM52e5 小时前
鸿蒙Flutter Padding内边距:EdgeInsets详解
android·学习·flutter·华为·harmonyos·鸿蒙
Lvan的前端笔记7 小时前
ios:版本号和Build构建号
ios
777VG7 小时前
PostgreSQL +martin将多张表输出成一个 MVT
前端·数据库·postgresql
mayaairi8 小时前
JS循环语句深度解析:嵌套for、while与do...while
开发语言·前端·javascript
To_OC8 小时前
啃完流式输出:从一个卡顿的 LLM 接口开始,我搞懂了数据流到底怎么 “流”
前端·javascript·llm
阳光是sunny8 小时前
LangGraph实战教程:defer延迟节点——让收尾工作自动排到最后
前端·人工智能·后端
kyriewen8 小时前
我用了三周Claude Code Skills——总结出5条铁律,第3条最反直觉
前端·ai编程·claude
阳光是sunny8 小时前
LangGraph实战教程:控制流详解
前端·人工智能·后端
Rex叶然9 小时前
ScreenMatch适配安卓屏幕脚本,用于老项目
android·screenmatch·安卓屏幕适配