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的同步,便于系统不同的前端无论是方式和便捷度都十分友好,暂时最优方案。

相关推荐
尤老师FPGA10 分钟前
petalinux修改设备树添加vdma生成linux系统
android·linux·运维
月山知了17 分钟前
linux kernel component子系统:基于rk3588 Android 14 kernel-6.1 display-subsystem代码分析
android·linux·运维
ZPC821021 分钟前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能
紫_龙1 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript
roamingcode2 小时前
前端 AI Agent 多智能体协作架构:从对抗式排查到工作流解耦
前端·人工智能·架构·agent·team
leo_messi942 小时前
多线程(五) -- 并发工具(二) -- J.U.C并发包(八) -- CompletableFuture组合式异步编程
android·java·c语言
蓝莓味的口香糖3 小时前
【vue】初始化 Vue 项目
前端·javascript·vue.js
光影少年4 小时前
数组去重方法
开发语言·前端·javascript
我命由我123454 小时前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
weixin_443478514 小时前
Flutter第三方常用组件包之路由管理
前端·javascript·flutter