《Web测试囧事》——1.11 IE 9不支持占位符导致搜索行为异常

2023-11-01 08:40

本文主要是介绍《Web测试囧事》——1.11 IE 9不支持占位符导致搜索行为异常,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本节书摘来自华章计算机《Web测试囧事》一书中的第1章,第1.11节,作者 黄勇 雷辉 徐潇 杨雪敏,更多章节内容可以访问云栖社区“华章计算机”公众号查看。

1.11 IE 9不支持占位符导致搜索行为异常

对于浏览器兼容性测试,一直都是Web测试中重要的一环,小蔡在测试产品中自然也不能漏掉。

由于小蔡测试的产品是面向普通用户的,所以小蔡选择进行测试的浏览器,也是开发团队选择优先支持的浏览器,是基于市场占有率最高的几款浏览器:Chrome、Firefox、Safari和IE。这些浏览器的版本也很多,如果全部支持也是不可能的,所以开发团队选择支持最新版本的Chrome、Firefox和Safari,以及IE 9~IE 11,还有IE EDGE。

Chrome和Safari都是基于WebKit核心的,所以差别不大。Firefox虽然基于Gecko,但是对于绝大多数Web标准协议都是支持的,所以和Chrome及Safari的差别也很小。IE因为使用的是微软自己的内核,所以和其他浏览器的差别会大不少,尤其是版本较早的IE 9~IE 11,不过微软在IE EDGE上已经开始兼容WebKit,并且兼容最新的Web标准协议,所以和其他浏览器的差别也不大了。

小蔡根据搜集到的这些浏览器差异的信息,决定兼容性测试的重点放在测试Chrome和IE 9两个浏览器上面。

由于产品是大型购物网站,所以用户需要使用搜索特定商品来查看商品详细信息。而在搜索框中,业务方希望推广一些畅销产品,所以使用了占位符(Placeholder)的方式,使用户在点击搜索框之前,在搜索框的搜索关键字部分,看到的是通过占位符设置的推广产品的信息。

小蔡在执行浏览器兼容性测试时发现,由于添加了占位符,导致Chrome和IE 9浏览器上搜索功能的行为不一致(见图1-22)。

image

这就导致用户在两个浏览器上使用相同的操作步骤进行搜索时的搜索结果不一致。想要解决这个问题,用户只有一个一个字符地删除IE 9浏览器中搜索框里的占位符,这对用户来说并不友好。

经过开发人员调查发现,这个问题的原因是IE 9浏览器本身就不支持占位符,所以对于占位符的操作也是有问题的。开发人员只好对IE 9上的搜索框单独处理,给搜索框先添加一组灰色的默认文字,来展示畅销商品,等用户点击搜索框时再清除这些字符。

小蔡庆幸IE 9是支持的最低版本的IE,如果需要再兼容IE 6~IE 8,那浏览器之间的差异更多更复杂,也会让开发和测试工作的难度加大不少。同时她决定定期查看用户的浏览器使用率和使用量,等大量用户不再使用IE 9时,就可以不用再做现在这种针对特定浏览器编写代码和测试某项功能了。

image

这篇关于《Web测试囧事》——1.11 IE 9不支持占位符导致搜索行为异常的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/weixin_34137799/article/details/90508768
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/321833

相关文章

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

Spring Boot 中的默认异常处理机制及执行流程

《SpringBoot中的默认异常处理机制及执行流程》SpringBoot内置BasicErrorController,自动处理异常并生成HTML/JSON响应,支持自定义错误路径、配置及扩展,如... 目录Spring Boot 异常处理机制详解默认错误页面功能自动异常转换机制错误属性配置选项默认错误处理

SpringBoot 异常处理/自定义格式校验的问题实例详解

《SpringBoot异常处理/自定义格式校验的问题实例详解》文章探讨SpringBoot中自定义注解校验问题,区分参数级与类级约束触发的异常类型,建议通过@RestControllerAdvice... 目录1. 问题简要描述2. 异常触发1) 参数级别约束2) 类级别约束3. 异常处理1) 字段级别约束

Spring Boot @RestControllerAdvice全局异常处理最佳实践

《SpringBoot@RestControllerAdvice全局异常处理最佳实践》本文详解SpringBoot中通过@RestControllerAdvice实现全局异常处理,强调代码复用、统... 目录前言一、为什么要使用全局异常处理?二、核心注解解析1. @RestControllerAdvice2

Java进程异常故障定位及排查过程

《Java进程异常故障定位及排查过程》:本文主要介绍Java进程异常故障定位及排查过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、故障发现与初步判断1. 监控系统告警2. 日志初步分析二、核心排查工具与步骤1. 进程状态检查2. CPU 飙升问题3. 内存

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

使用Python进行GRPC和Dubbo协议的高级测试

《使用Python进行GRPC和Dubbo协议的高级测试》GRPC(GoogleRemoteProcedureCall)是一种高性能、开源的远程过程调用(RPC)框架,Dubbo是一种高性能的分布式服... 目录01 GRPC测试安装gRPC编写.proto文件实现服务02 Dubbo测试1. 安装Dubb

如何使用Haporxy搭建Web群集

《如何使用Haporxy搭建Web群集》Haproxy是目前比较流行的一种群集调度工具,同类群集调度工具有很多如LVS和Nginx,本案例介绍使用Haproxy及Nginx搭建一套Web群集,感兴趣的... 目录一、案例分析1.案例概述2.案例前置知识点2.1 HTTP请求2.2 负载均衡常用调度算法 2.

Python的端到端测试框架SeleniumBase使用解读

《Python的端到端测试框架SeleniumBase使用解读》:本文主要介绍Python的端到端测试框架SeleniumBase使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全... 目录SeleniumBase详细介绍及用法指南什么是 SeleniumBase?SeleniumBase