测试网页中的筛选下拉框有没有做滚动条

最新推荐文章于 2023-06-10 14:37:03 发布
最新推荐文章于 2023-06-10 14:37:03 发布
阅读量424 收藏
点赞数
分类专栏： 测试 文章标签： 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42777812/article/details/122131408
版权

在测试一个网页时,筛选文本框是下拉框的.直接拉去接口的数据出来,要是数据很少的情况下.可以通过数据库中添加数据.,但是还有一个更简单的方法,直接在本地的页面更改数据,这样就能马上知道前端有没有做下拉框的滚动条拉.
下拉框
我们按F12,然后点击
在这里插入图片描述
鼠标右键选择Edit as HTML 进入编辑
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
完成,这样就能知道下拉框有没有做滚动条了.

SZ-Zengc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui固定下拉框的显示条数(有滚动条)的方法
10-16
在今天的分享中，我们将深入了解如何使用layui...通过本次分享，我们学习了layui框架中如何控制下拉框条目数量，并实现了带有滚动条的固定条数下拉框。希望这次的内容对大家有所帮助，并且能够在实际项目中灵活应用。
Axure RP 8 实现 圆角文本框 圆角带筛选的下拉列表框 可自动显示滚动条
leo09999的博客
11-11 3242
刚开始用Axure 会发现 Axure 元件库并不是很齐全，很多元件需要自己想办法解决 或者去网上去找。其实个人建议网上有现成的元件可以就下载就不必花时间去折腾。除非你也想练练手，原型这种东西除非高保真的，也没必要画得那么逼真，能加说明说清楚就直接加说明，或者加便利贴都可以的。最终目的都是保证产品生产出来是用户真正想要的就行。 刚开始画原型 发现文本框好生硬，完完全全的四边型，显得原型看起来...
antd select选择器下拉框跟随滚动条滚动解决方案
张木期的博客
02-10 3570
选择器如下： 滚动条滚动之后： 原本代码 <div class="title">提交方式</div> <a-form-model-item ref="submitType" prop="submitType" class="select-item"> <a-select v-model="form.submitType" > <a-select-option v-for="item in
前端页面加入滚动条
migexiaoliang的博客
10-29 1702
前端页面加入滚动条。
下拉框select会随着页面滚动
weixin_40654866的博客
11-05 1811
加上getPopupContainer，则可解决 <a-select v-model:value="id" placeholder="请选择注册入口" :options="Options" :getPopupContainer=" (triggerNode) => { return triggerNode.parentNode || document.body; } " />
element 动态加载下拉框_在element-ui的select下拉框加上滚动加载
weixin_39577908的博客
12-22 920
在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。自然，后端就做了一项非常“漂亮”的交互体验数据——分页这不分页还好，一分页对超过10条数据之后的本来也不多，就20条，偏偏还得做个分页器。(假设为10条)此时，如果能够像购物商城那样拖拽到底部自动加载新数据就好了。于是《...
为select下拉框添加滚动条
10-18
当下拉菜单选项比较多的时候，select下拉列表内容过多，在IE中默认是30条选项，firefox默认是20条， 超过自动出现滚动条，但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...
python中selenium操作下拉滚动条的几种方法汇总
01-01
UI自动化中经常会遇到元素识别不到，找不到的问题，原因有很多，比如不在iframe里，xpath或id写错了等等；但有一种是在当前显示的页面元素不可见，拖动下拉条后元素就出来了。 比如下面这样一个网页，需要进行拖动下...
JavaScript下拉框筛选可搜索
11-29
JavaScript 下拉框筛选功能是一种常见的用户界面交互设计，它允许用户在下拉菜单中通过输入关键字来快速查找和选择目标选项。这种功能在网页表单、动态选择和数据过滤等场景中广泛应用，极大地提升了用户体验。在...
最全面最详细的测试用例整理
jh41436的博客
04-22 1870
一、文本框为字符型必填项非空校验： 　　1、必填项未输入－－程序应提示错误； 　　2、必填项只输入若干个空格，未输入其它字符－－程序应提示错误； 　字段唯一性校验：（不是所有字段都作此项校验，视实际项目情况而定） 　　1、新增时输入重复的字段值－－必须提示友好信息； 　　2、修改时输入重复的字段值－－必须提示友好信息； 　字段长度校验： 　　1、输入[最小字符数-1]－－程序应提示错误； 　　2、输入[最小字符数]－－OK； 　　3、输入[最小字符数+1]－－OK； 　　4、输入[最大字符数-1]－－O
输入框下拉筛选
12-19
输入框下拉筛选值效果
jQuery-jQuery元素尺寸&offset,position&筛选
Aqours的博客
09-15 170
jQuery CSS 设置css样式/读取css值 css() <p style="color: blue;">尚硅谷的后裔</p> <p style="color: green;">太阳的后裔</p> 1.得到第一个p标签的颜色 console.log($('p:first').css('color'));//rgb(0, 0, 255)...
Element表格筛选下拉框数据过多时，显示滚动条
DONTWANTTOSLEEP的博客
12-11 1183
效果如下： <style scope> </style> 首先要将scope删除 再写上如下内容即可 <style> .el-table-filter { max-height: 300px; overflow: auto; } </style>
【html】设置有滚动条的select
热门推荐
逛街的喵啊
05-09 3万+
问题提出：select默认的会将所有的option全部显示出来，当数据过多时，下拉框会显得很长。 期待结果：带有滚动条，显示一定数量的option，通过滚动查看更多option。 效果展示： 源码： 1 window.selectFocus = function(that) { $(that).attr("size", 5); }; window.sel
自动化测试-下拉菜单网页测试（selenium）
m0_57809582的博客
06-10 682
TimeoutException 错误，意味着在指定的最大等待时间内，指定的条件未能得到满足。这可能是由于页面加载速度较慢、网络延迟或元素根本不存在等原因造成的。可以尝试增加最大等待时间。解决方法1. 使用 Selenium 的显式等待来等待元素变为可见状态----》有用# 设置最大等待时间为 15 秒2. 换网络【换自己的手机热点】---》有用。
测试用例方法
m0_48396428的博客
06-29 423
黑盒测试 等价类划分 使用场景：当输入域范围很大，无法进行穷尽测试的，将大量数据域划分若干个有效等价类和无效等价类，该代表数据测试的结果等价于该类中选取代表数据进行测试，该代表数据测试的结果等价于该类中所有数据测试结果。 有效测试：正向的，结果是符合需求的，预期成果 无效测试：反向测试，不符合需求的，预期失败 边界值分析 使用场景：当输入规定了取值范围或值的个数，存在边界时，考虑使用边界值分析方法补充边界点的测试。经过实践经验证明，边界点最容易出错，故测试人员必须要有边界...
web自动化测试下拉选择框Select
一名小测试
03-12 3924
下拉框选项操作：Select 针对下拉框选项，可以直接获取下拉框中的值，然后再循环获取匹配，也可以直接通过元素定位直接操作， 针对select/option这样下拉选择框，如图展示：，我们可以直接使用webdriver中的Select类去处理 首先是引如Select类(两种引包方法)： from selenium.webdriver.support.select import Select from selenium.webdriver.support.ui import Se...
测试用例_总结
weixin_45401592的博客
11-25 558
测试用例方法总结 通常，在确定测试方法时，应遵循以下原则： -根据程序的重要性和一旦发生故障将造成的损失来确定测试等级和测试重点。 -认真选择测试策略，以便能尽可能少的使用测试用例，发现尽可能多的程序错误。因为一次完整的软件测试过后，如果程序中遗留的错误过多并且严重，则表明该次测试是不足的，而测试不足则意味着让用户承担隐藏错误带来的危险，但测试过度又会带来资源的浪费。因此测试需要找到一个平衡点。 ...
[QA]你不得不测的筛选框
autotestM的博客
12-22 1519
你不得不测的筛选框
el-select 下拉框不要滚动条显示全部内容
最新发布
01-05
根据你提供的引用内容，下拉框不要滚动条显示全部内容的解决办法如下： 1. 在el-select标签中添加属性:popper-append-to-body="false"，这样可以解决下拉框不跟随的问题。 2. 但是添加了该属性后，可能会导致下拉框被样式隐藏，可以通过去掉display:none;和overflow:hidden;这两个样式来解决。这两个样式可能分别在不同的元素上，需要找到并去掉。 3. 另外，有同事反馈在分辨率为100%时，下拉框不跟随的问题消失了，这也是一个参考解决方法。 综上所述，你可以尝试以下解决方案： ```html <el-select :popper-append-to-body="false"> <!-- 下拉框内容 --> </el-select> ``` 请注意，以上解决方案仅供参考，具体情况可能因为样式和环境的不同而有所差异。如果问题仍然存在，请进一步检查样式和环境设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值