h5页面测试有哪些要点(h5页面制作app)

1.现在最受欢迎的H5是什么？有什么优缺点？(1)H5就是HTML5，其实就是：移动网页。(2)优点：H5可以跨平台使用，开发成本相对较低。H5可以随时上线更新版本，适合快速迭代。H5可以轻触达用户，在微信入口或浏览器上提供更便捷的服务。用户只需点击链接即可获得我们锁提供的服务。缺点：H5-app的转换强烈依赖浏览器H5，目前不能本地存储数据，依赖实时数据。网络状态不好的时候就卡哭。性能比较低，影响用户体验。(3)如何判断是不是H5页面：基本上就是长时间按住那个视图，然后看看有没有反应，比如手机震动(Android)或者文字选择粘贴(Android/iOS)，那么就是WebView了！2.测试点总结：(1)需求设计测试：尽快了解需求，熟悉需求，参与需求评审和设计，通过原型图、真实用户体验和用户习惯，检查需求的合理性以及是否有更好的实现方式。这样可以在源头发现问题，减少后期需求变更带来的开发和测试的迭代成本。在需求阶段，也就是测试所涉及的功能点的编写和记录也是符合早期介入测试的原则的。(2)根据开发同学提供的接口文档，可以通过Jmeter等攻击距离进行接口测试。主要关心的是：接口返回的预期数据是否一致；界面参数的边界值验证；检查接口的容错性，比如传输数据类型错误是否可以处理等。输入小数的整数，中文和英文等。界面的性能，调用界面数据的时间，界面响应慢，肯定会影响用户体验。(3)功能测试侧重于按照业务逻辑和功能进行测试，以可用性为主。(4)用户界面测试根据修改后的UED(用户体验设计)的测试和评审，测试并开发提交的测试包。风格、样式、颜色是否协调，不仅仅包括HTML5本身，因为HTML5会嵌入app中，所以需要考虑H5的风格、样式、颜色是否与App本身协调，才不会显得格格不入。也最好保持一致或相似，包括用户习惯。颜色、按钮、图片、背景、边框等最好有详细的规划和统一。在设计的早期阶段。但是由于H5的可移植性，同样的服务会嵌入到N个客户的产品中，很难和每个客户完全统一，所以在设计中要考虑这些问题。(5)兼容性测试手机HTML5的主要应用是嵌入app或者微信微信官方账号的，所以兼容性主要是iOS和Android系统各种主流机型的适配。a、手机屏幕尺寸B、主流手机型号C、手机操作系统、iOS和Android版本D、浏览器：系统自带浏览器和主流浏览器(6)网络测试由于很多H5系统都是云服务，所以所有响应速度普遍较慢。我们测试的时候一般用Wifi，速度会相对可以接受。要观察4G、3G甚至2G网络下的弱网测试，看响应时间是否在可容忍范围内。如果时间过长，需要提示优化代码进行改进。(7)安全测试因为我们对应的产品部门用HTML5把一些通用的功能做成云服务，可以嵌入到很多客户的app里。按照渠道划分，安全性尤为重要。