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

Web和App测试小结

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

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

实现Web指纹登录

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

1.9K20

Web设计理念篇

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

63190

「移动Web页面适配

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

1.2K40

「移动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页面适配

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

1.4K40

移动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

客户web技术

Web 技术糅合了太多内容,  总的来说Server 和 Client 技术基本上不划分。...因此当PHP, J2EE, Pyth 纷扰这web世界的时候,  我们还能看到JQuary, Node.js, 还能看到Sql的阴魂不散.  很多人就开始深陷技术无法自拔。 这篇文章中。...这一切都跟服务技术没有多大关系。 1. 服务仅仅提供接口数据。 比如通过一个POST请求,服务把数据传给我们。 我们这里将采用JSON的格式【XML大娘的标签太罗嗦】 2....客户通过XMLHTTPRequest这个浏览器著名的实例, 和服务交互, 然后把数据拿回来, JS能做到 3. 客户开始通过DOM进行展示....由于存在跨域问题, 所以, 本文的客户代码和服务代码需要共同部署在同一个服务器上. 2.

72390

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券