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

devtools/2024/9/23 10:09:44/

androidios_0">web、androidios共同能够实现滑动及同步测试(实测)

1、三者滑动效果

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

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

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

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

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

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

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

server: {host: '0.0.0.0'
},

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


http://www.ppmy.cn/devtools/4780.html

相关文章

(五)C++自制植物大战僵尸游戏LoadingScene的实现讲解

植物大战僵尸游戏开发教程专栏地址http://t.csdnimg.cn/xjvbb 一、类介绍 游戏启动后就会立即切换到游戏加载场景中。只有游戏资源文件加载完成后,才能进入游戏。Loadingscene类继承Cocos2d-x中的Scene父类,表明Loadingscene是一个场景类。切换到Loadi…

opencv/cv.h: No such file or directory

错误信息显示 opencv/cv.h: No such file or directory 表明编译时未能找到 OpenCV 的头文件。这通常发生在 OpenCV 未被正确安装或者路径未被正确配置到编译环境中。以下是一些步骤来解决这个问题: 确保 OpenCV 已安装 首先,你需要确认 OpenCV 已经在你…

Redis-批处理

Redis-批处理 Redis 批处理是一种提高与Redis服务器交互效率的技术,它允许客户端一次性发送一组命令并在服务器端一次性执行,减少了网络往返时间和命令解析的开销。批处理通常用于执行一系列相关操作,如数据批量插入、更新或查询。以下是关于…

中颖51芯片学习8. ADC模数转换

中颖51芯片学习8. ADC模数转换 一、ADC工作原理简介1. 概念2. ADC实现方式3. 基准电压 二、中颖芯片ADC功能介绍1. 中颖芯片ADC特性2. ADC触发源(1)**软件触发**(2)**TIMER4定时器触发**(3)**外部中断2触发…

【MATLAB基础绘图第21棒】绘制比例弦图 (Chord Diagram)

MATLAB绘制比例弦图 Chord Diagram 1 简介1.1 弦图简介1.2 比例弦图简介 2 MATLAB绘制比例弦图2.1 数据准备2.2 基本绘制2.3 添加方向箭头2.4 添加绘图间隙2.5 添加刻度2.6 修改标签2.7 颜色设置2.8 弧块及弦属性设置2.8.1 弧块属性设置2.8.2 弦属性设置 2.9 字体设置 参考 1 简…

Cpp_SDay01

菩提本无树,明镜亦非台 文章目录 前言一、Cpp二、#include iostream总结 前言 此路之难如逆水行舟,不进则退 一、Cpp 一种静态编译编程语言,以其广泛应用于软件基础架构而闻名又以其难学而声名狼藉。 1979年由BJARNE STROUSTRUP在贝尔实验室…

C#面:泛型的主要约束和次要约束是什么

在 C# 中,泛型的约束是用来限制泛型类型参数的行为和能力的。 主要约束和次要约束是两种不同的约束方式。 主要约束(Primary Constraint): 主要约束指定了泛型类型参数必须满足的最基本的条件,它可以是一个类、一个接…

NLP和LLMs: 理解它们之间的区别

NLP(自然语言处理)和LLMs(大型语言模型)都与处理自然语言相关,但它们的重点和范围略有不同。 自然语言处理(NLP): 定义: 自然语言处理(NLP)是人…