expected_conditions是selenium的一个模块（简称EC），提供了一系列的对比页面信息的方法
readonly属性规定输入字段为只读（不能修改）； readonly属性不需要值，它等同于readonly=“readonly”。
现象: pycharm中输入from selenium import webdriver, selenium标红
属性选择器 E[attr]只使用属性名，但没有确定任何属性值 E[type="text"]指定属性名，并指定了该属性的属性值 E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写 E[attr^="value"]指定了属性名，并且有属性值，属性值是以value开头的 E[attr$="value"]指定了属性名，并且有属性值，而且属性值是以value结束的 E[attr="value"]指定了属性名，并且有属性值，而且属值中包含了value 结构性伪类选择器 E:nth-child(n) 表示E父元素中的第n个字节点 p:nth-child(odd){background:red}/匹配奇数行/ p:nth-child(even){background:red}/匹配偶数行*/ p:nth-child(2n){background:red} E:nth-last-child(n) 表示E父元素中的第n个字节点，从后向前计算 E:nth-of-type(n) 表示E父元素中的第n个字节点，且类型为E E:nth-last-of-type(n)表示E父元素中的第n个字节点，且类型为E,从后向前计算 E:empty 表示E元素中没有子节点。注意：子节点包含文本节点 E:first-child 表示E元素中的第一个子节点==nth-child(1) E:last-child 表示E元素中的最后一个子节点 E:first-of-type 表示E父元素中的第一个子节点且节点类型是E的 E:last-of-type 表示E父元素中的最后一个子节点且节点类型是E的 E:only-child表示E元素中只有一个子节点。注意：子节点不包含文本节点 E:only-of-type 表示E的父元素中只有一个子节点，且这个唯一的子节点的类型必须是E。注意：子节点不包含文本节点
最近发现有一个微信好友，我的每一条朋友圈动态，无论什么时候发布，发布的什么内容，点赞列表总有它的身影。
1、直接给元素添加pointer-events:none;样式来禁止触发事件，实现不可点击。
前边讲解完八大元素定位大法，今天宏哥讲解和分享一下三大延时等待。宏哥这里简称“三等八定”。很多人在群里问，这个下拉框定位不到、那个弹出框定位不到…各种定位不到，其实大多数情况下就是两种问题：1. 有frame，2. 没有加等待。殊不知，你的代码运行速度是什么量级的，而浏览器加载渲染速度又是什么量级的，就好比闪电侠和凹凸曼约好去打怪兽，然后闪电侠打完回来之后问凹凸曼你为啥还在穿鞋没出门？凹凸曼分分中内心一万只羊驼飞过，欺负哥速度慢，哥不跟你玩了，抛个异常撂挑子了。 那么怎么才能照顾到凹凸曼缓慢的加载速度呢？只有一个办法，那就是等喽。说到等，又有三种等法，且听宏哥一一道来。
前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！ 1.常见的浏览器内核： 以IE为代表：IE，MaxThon，TT，the World，360，搜狗浏览器等-----Trident内核[又称MSHTML] Firefox，Netscape 6及以上版本，seaMonkey等-----Gecko内核 Opera7及以上----- Opera内核原为：Presto，现为：Blink; Webkit内核：Safari,C
web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳，有新的知识点会一直更新 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应
本文作者：IMWeb 黎清龙 原文出处：IMWeb社区 未经同意，禁止转载 这两个伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念
这两个伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的实现，简化许多实现。
伪元素已经使用了很长时间。然而，我觉得有些用例并不是所有开发人员都完全了解的。我写下这篇文章是为了阐明它们，以便它们能被更多地使用。
浏览器对其渲染可是不可见，它在网页中占位置却不可点击，也就是说明元素不可见却仍然占据空间。
Selenium是一个Web UI自动化工具。它不提供任何API来建立数据库连接。这取决于你使用Selenium进行自动化的编程语言。
在 Playwright 测试中,我们经常会遇到一些实用场景,如等待页面加载、处理弹窗、上传下载文件等。本章我们将学习 Playwright 中的一些常用技巧,在测试脚本中运用这些技巧可以实现复杂的测试场景,也让测试脚本更加健壮。
从早期接触互联网产品相关工作，最初在需求传递的整个流程中，我们将想法页面上形成草图，表现形式上看到的是一系列由图片占位符、文字、线框、按钮等元件组成作为一个静态页面呈现。随着需求传递过程中沟通成本的提升，需求细节的严谨性、在与UI/UE的沟通中，需要对表现层之下按钮、布局、交互和元素的位置，进行优化设计布局，以达到这些元素在页面上的最佳体验效果，让用户在需要的时候，用户如何到达某个页面能快速找到所需位置，并且在他们在当前页面完成任务后，快速给出反馈和需要去的下一个页面这是产品需要思考的路径。
<!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <!DOCTYPE html> <head>内的标签 标签意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部
表单的理解与解释 表单：采集不同类型的用户输入数据，发送给服务器，实现用户和服务器之间的数据交互。
如果你在跑selenium脚本时，需要某些异常不知道怎么解决时，可以看看这一系列的文章，看看有没有你需要的答案
当你觉得你的定位没有问题，但是却直接报了元素不可见，那你就可以考虑是不是因为程序运行太快或者页面加载太慢造成了元素不可见，那就必须要加等待了，等待元素可见再继续运行程序；
HTML5学堂：相对来说，JS在移动端要远远低于PC端的使用频率，因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验，主要包括click点击事件延迟、元素高亮点击区、zepto的touch问题等。 移动端click时间300ms延迟 在移动端，click点击事件会造成300ms的延迟，造成这种延迟的原因在于：当用户一次点击屏幕之后，浏览器并不能立刻判断用户是要进行双击缩放，还是想要进行单击操作。因此，浏览器就等待 300 毫秒，以判断用户是否再次点击了屏幕。 对于这种体验
.active 类可以设置按钮是可用的， disabled 属性可以设置按钮是不可点击的。 注意 元素不支持 disabled 属性，你可以通过添加 .disabled 类来禁止链接的点击。
当我们的鼠标点击到窗口上的按钮时，并不是鼠标的箭头真正点击到这个按钮了，而是鼠标发出了一个动作事件，然后这个事件先被传送到了操作系统的命令处理带，然后再传送到负责显示图形的图像数据层，事件到这里后图像数据层会先看哪个程序的窗口在最上面(因为不是在最上面就没必要看了)，再根据鼠标提供的X Y坐标确认点击的是哪个窗口上的按钮，接着再确认这个窗口是哪个程序。
本文主要介绍了如何通过Python的Selenium库来自动化操作浏览器，包括打开浏览器、输入网址、获取页面元素、模拟用户操作等。同时，还介绍了如何通过调用JavaScript来实现更复杂的操作。
我想表达的是「需要导航能力的可点击元素」（Link Button是为了方便沟通而创造的名词）
selenium 是一套完整的web应用程序测试系统，包含了测试的录制（selenium IDE）,编写及运行（Selenium Remote Control）和测试的并行处理（Selenium Grid）。Selenium的核心Selenium Core基于JsUnit，完全由JavaScript编写，因此可以用于任何支持JavaScript的浏览器上。
在Web开发中，有时候我们需要在特定情况下将按钮置灰并设置为不可用状态，以防止用户重复点击或者暂时禁止某些操作。本文将介绍如何使用jQuery来实现这一效果。
最近有不少同学问到 Playwright 和 Selenium 的区别是什么？ 有同学可能之前学过 selenium 了，再学一个 playwright 感觉有些多余，可能之前有项目已经是 selenium 写的了，换成 playwright 需要时间成本，并且可能有未知风险。 也有同学之前可能没学过 selenium ，现在正准备入手一个web 自动化框架，但是对于选择selenium 和 playwright 犹豫不决，因为面试问selenium比较多，可能学了工作中也用不上，仅仅只是应付面试。 不管出于哪种原因，本篇详细分析 2 者的差异
知晓程序注： 很多开发者在面对小程序的五层页面限制时，大概都会想起下面这首歌。 知晓程序（微信号 zxcx0101）现在就告诉你们，怎样狠狠把这五层页面榨干。 微信小程序中的页面导航 API 有三个，
如图所示，题目并非随便在百度上抄几道，而是实实在在的整理过且问过的面试题哦～，但是题目都不难属于入门级，轻吐槽啊
https://www.cnblogs.com/poloyy/category/1680176.html
你是否曾经试着点击或点击一个元素(例如:按钮、链接)，并且注意到只有单击该元素的特定区域，它才会响应？
hi，这是系列文章：App之xxx的第3篇，前2篇我总结了 App之“文字”的设计技巧 App之底部导航栏的设计 直接点击可以查阅以上2篇文章。 我为什么写这个系列的文章。因为我正在做一款app，我在
面试题：selenium中隐藏元素如何定位？这个是很多面试官喜欢问的一个题，如果单纯的定位的话，隐藏元素和普通不隐藏元素定位没啥区别，用正常定位方法就行了 但是吧~~~很多面试官自己都搞不清楚啥叫定位，啥叫操作元素（如click,clear,send_keys）
携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第11天，点击查看活动详情 >>
在一年前,在我的私人Twitter账户 brutal secret ,我分享了一个有趣的方法来通过审计绕过chrome 的xss过滤器。我们将从黑盒测试的角度来观察,一个逻辑假设和结论, 导致我们的 XSS 向量绕过了xss过滤器。 我们从已知的所有 XHTML 解析器 (浏览器) 的麻烦开始: Scalable_Vector_Graphics(svg):如果你不知道svg可以干什么,点击这里深入了解信息 （点击阅读原文查看链接） 我们需要知道的是, SVG 标记比简单的 XML/HTML 更复杂, 并且
Bootstrap是一个非常不错的前端框架，但是在实际的使用过程中还需要根据实际的需要再微调整，比如我们默认使用Bootstrap框架下拉菜单的时候主导航是无法点击打开页面的，以及下拉展开需要单击主菜单，如果我们需要实现主菜单可以点击打开，而且下拉菜单实现悬停下拉的效果则需要进行调整JS脚本。
移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。
double可以利用来配合border-style：solid制作三条杠小icon
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：
完成后启动项目 并访问http://localhost:8080/query.html 输入用户名和密码
Web端的UI自动化测试，目前使用比较多的就是Python+Selenium。当前一些UI自动化测试工具也是基于Selenium做开发的。 最近经常有童鞋后台询问selenium元素定位方法，其实网上学习资料很多，只要你肯动手，都可以搜的到。元素定位对于自动化测试来说是比较重要而且繁琐的一件事。接下来就来讲一下如何使用webdriver提供的基本元素定位方法。 再次声明：本站点已经和百度、必应、谷歌等各大搜索引擎达成长期的战略合作协议，你有任何疑问都可以通过以上公司提供的免费服务得到解答。
iScroll5 表单元素无法失焦 解决方法 HTML5学堂：iScroll框架从4版本升级到5版本之后，很好的解决了滚动区域中表单元素不能聚焦的问题，但是，2014年年底测试的时候发现了5版本的一个
display: contents 是一个比较陌生的属性，虽然属于 display 这个基本上是最常见的 CSS 属性，但是 contents 这个取值基本不会用到。但是它早在 2016 年就已经得到了 Firefox 的支持。
我们怎样加速嵌套的这层循环呢，其实可以预先计算从左往右和从右往左的最大高度数组，在循环数组的时候，可以直接拿到该位置左右两边的最大高度，当前位置的接水量就是左右两边高度的较小者减去当前位置柱子的高度
AngularJS HTML DOM AngularJS为HTML DOM 元素的属性提供了绑定应用数据的指令。 ng-disabled指令 ng-disabled指令直接绑定应用数据到HTML的disabled属性。 实例： <button ng-disableled="mySwitch">点我！</button08
<button ng-disableled="mySwitch">点我！</button
1.Selenium是否支持桌面应用软件的自动化测试。 Selenium不支持桌面软件的自动化测试，Selenium是根据网页元素的属性才定位元素，而其他桌面软件自动化测试工具是根据桌面元素的位置来定位元素，当然现在也有根据桌面元素的属性来定位的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
