首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Web和App测试小结

测试时,遇到过Web的项目,也测试过App,对于两者的区别以及一些侧重点,结合网络和自己的实战经验总结记录下来,方便以后测试查看。...首先,从系统架构方面Web项目:B/S 架构,基于浏览器,web测试更新了服务,客户就会同步更新,每个用户的客户都是完全一致的。...移动端相对于Web端来说还有很多特性: 一、网络种类多:移动有很多种网络,无线网络、2G、3G、4G、断网、网速较差以及网络之间的切换时页面的等待,这些对于移动端来说很重要。...操作区域不同也是移动需要关注的测试点,相对于Web的应用来说,一般不会受到屏幕的限制,而且通过鼠标操作更加准确。...七、web和移动的同步:用户在web的操作,在移动是否可以正常的进行同步、显示;在移动的操作,用户登录web账号,信息是否同步等。

70850
您找到你想要的搜索结果了吗?
是的
没有找到

实现Web指纹登录

前几天我在想,既然客户软件能调用指纹设备,web应该也可以调用,经过一番折腾后,终于实现了这个功能,并应用在了我的开源项目中。...实现思路 浏览器提供了Web Authentication API, 我们可以利用这套API来调用用户的指纹设备来实现用户信息认证。...注册指纹 首先,我们需要拿到服务返回的用户凭证,随后将用户凭证传给指纹设备,调起系统的指纹认证,认证通过后,回调函数会返回设备id与客户信息,我们需要将这些信息保存在服务,用于后面调用指纹设备来验证用户身份...接下来,我们总结下注册指纹的过程,如下所示: 用户使用其他方式在网站登录成功后,服务返回用户凭证,将用户凭证保存到本地 检测客户是否存在指纹设备 如果存在,将服务返回的用户凭证与用户信息传递给指纹注册函数来创建指纹...身份认证成功,回调函数返回设备id与客户信息,将设备id保存到本地 将设备id与客户信息发送至服务,将其存储到指定用户数据中。

1.9K20

Web设计理念篇

所以在制作web设计规范系列规范时,第一部分就是Web设计理念篇。 设计团队的意义是能理解分析最终用户的需求,通过专业的设计手段、方法去实现企业战略解决相关问题。 以什么而设计?...不同的设计理念 不同的使用对象(B、C)设计理念也有所区别。 B产品一般架构复杂且较定制化,以业务为导向。可能有很多高级功能,突出高效易用,导致易学性打折扣。...C产品一般考虑绝大部分用户使用场景和诉求,高级功能会相对少点。突出易学性。 C产品需要关注用户的使用时长、是否容易上手并顺利使用。产品做得越好,用户越愿意为它花时间。...但在B市场,效率才是产品的目标,因为B产品的价值恰恰在于在尽量短的时间内抓住用户痛点,如果用户需要在你产品上花费很多时间,那说明你的产品太难用了。...对B用户来说,功能齐全/高效>好用 高效是通过设计帮助用户可以精准、快速的完成目标任务。

62790

「移动Web页面适配

一、什么是移动适配 移动 Web 页面,就是常说的手机 h5页面、webview页面、公众号开发的网页等。...由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,或等比缩放。...二、移动适配方案 常见的移动适配方案有以下几种: viewport 盒模型 flex rem 2.1、viewport - 可视区 最初手机需要照顾 PC ,如果不设置 viewport,直接访问网页的时候...,我们发现网页内容看着很小,这是因为页面按照PC最小宽度980展示的,也就是我们的网页宽度就是980,而手机屏幕宽度通常375、411、320、414等,没有980那么大,所以页面被缩小了很多。

1.4K40

「移动Web页面适配

一、什么是移动适配 移动 Web 页面,就是常说的手机 h5页面、webview页面、公众号开发的网页等。...由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,或等比缩放。...二、移动适配方案 常见的移动适配方案有以下几种: viewport 盒模型 flex rem 2.1、viewport - 可视区 最初手机需要照顾 PC ,如果不设置 viewport,直接访问网页的时候...,我们发现网页内容看着很小,这是因为页面按照PC最小宽度980展示的,也就是我们的网页宽度就是980,而手机屏幕宽度通常375、411、320、414等,没有980那么大,所以页面被缩小了很多。

1.1K40

「移动Web页面适配

一、什么是移动适配 移动 Web 页面,就是常说的手机 h5页面、webview页面、公众号开发的网页等。...由于手机机型较多,各个手机的屏幕尺寸不一样,所以做移动页面,需要考虑在安卓和ios的各种尺寸设备的兼容问题,我们要做的 web 页面适配,就是为了在不同设备上,页面能够保持统一展示效果,或等比缩放。...二、移动适配方案 常见的移动适配方案有以下几种: viewport 盒模型 flex rem 2.1、viewport - 可视区 最初手机需要照顾 PC ,如果不设置 viewport,直接访问网页的时候...,我们发现网页内容看着很小,这是因为页面按照PC最小宽度980展示的,也就是我们的网页宽度就是980,而手机屏幕宽度通常375、411、320、414等,没有980那么大,所以页面被缩小了很多。

2.2K40

移动web开发笔记

META相关 1、 添加到主屏后的标题(IOS) 2、 启用 WebApp 全屏模式(IOS...,使用系统默认 英文字体和数字字体可使用 Helvetica ,三种系统都支持 * 移动定义字体的代码 */ body{font-family:Helvetica;} 2、移动字体单位font-size...例如在触摸过程中突然页面alert()一个提示框,此时会触发该事件,这个事件比较少用 4、移动click屏幕产生200-300 ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效...,该属性在移动要生效,必须设置 `meta viewport’。...) */ -ms-user-select: none; /* IE 10+ */ } 18、移动取消touch高亮效果 在做移动页面时,会发现所有a标签在触发点击时或者所有设置了伪类

3.5K20

移动web开发入门笔记

本文作者:IMWeb 何璇 原文出处:IMWeb社区 未经同意,禁止转载 移动web开发基本上分为三种: 移动网页开发 传统的页面开发,可以参考手机腾讯网。...移动web app开发 简单来说就是在开发中使用一些浏览器私有的方法,使得web页面拥有一些native的功能。...的大小为刚刚计算出的visual viewport的大小 4.当initial-scale指令与width指令冲突时,浏览器的行为 5.未设置meta viewport时,页面怎样显示 总而言之,在我们进行移动web...再接着,要了解移动页面的布局方式(流式布局,响应式布局与REM)移动web页面布局的方式: px 我们都知道传统的pc页面布局都是将最外层的container设置为980px或者1080px这样。...缺点: 对雪碧图不友好 不够精准 PC兼容不好 本来16px的字显示已经够大,但由于使用了rem,在屏幕变大的同时,字体变大或导致翻页 其他 <meta name="apple-mobile-<em>web</em>-app-capable

1.1K10

Web与客户建设

Web与客户建设 客户,通过技术承载业务,通过业务服务用户为客户带来价值,通过价值的变现达成公司商业目标。未能承载好业务,将导致公司的商业目标无法实现。...本专题将探讨Web技术的发展给音视频、实时通信等业务开发带来了哪些可能性,以及可落地的新技术与其在规模化实践中的经验,还有如何应用Web新技术和成熟原生端的技术资产来更好的实现业务目标。...⏰ 时间:2022年12月10日 14:00-17:55 地址:北京丽亭华苑酒店 金辉3厅 ---- # 出品人 # 白天 Producer 同视未来 客户部负责人 白天,北京同视未来客户部负责人...,从事RTC行业8年,从在线教育到远程办公,主持客户及跨平台RTC客户SDK的产品研发和团队管理工作,长期关注RTC SDK架构与音视频技术。...对下一阶段播放器需求场景的判断及 Qplayer2 的规划 ---- Topic2 Web开播系统的技术演进 随着直播SaaS业务的深入发展,Web开播的诉求变得越来越强烈,对比客户开播工具如OBS

1.2K10

移动web开发入门笔记

移动web开发基本上分为三种: 移动网页开发 传统的页面开发,可以参考手机腾讯网。...移动web app开发 简单来说就是在开发中使用一些浏览器私有的方法,使得web页面拥有一些native的功能。...的大小为刚刚计算出的visual viewport的大小 4.当initial-scale指令与width指令冲突时,浏览器的行为 5.未设置meta viewport时,页面怎样显示 总而言之,在我们进行移动web...再接着,要了解移动页面的布局方式(流式布局,响应式布局与REM)移动web页面布局的方式: px 我们都知道传统的pc页面布局都是将最外层的container设置为980px或者1080px这样。...缺点: 对雪碧图不友好 不够精准 PC兼容不好 本来16px的字显示已经够大,但由于使用了rem,在屏幕变大的同时,字体变大或导致翻页 其他 <meta name="apple-mobile-<em>web</em>-app-capable

1.7K90

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券