标签：cut 点击 特定 exe 框架 boot 控制 tar 注意
前段时间，笔者忙于应付公司组织的雅思考试，白天、晚上但凡有空，笔者都是埋头伏案，啃剑桥雅思（剑4~剑12）的官方模拟题或者做着与雅思考试相关的准备工作，这个过程持续了40余天。最近总算鼓起勇气走进考场，跟那些尚未毕业、怀揣出国梦想的小年轻同场竞争，虽然结果还未出来，但是至少短时间不用再高强度复习英语了，笔者工作重心得以回归到Python +Selenium的自动化中。
言归正传，笔者这次准备利用JavaScript来修改页面节点的属性，方便selenium传参。具体案例是这样的：
下图所示的页面中需要输入日期：
这是一个Bootstrap框架生成的模态窗，“开始时间”和“结束时间”对应的input按钮，它的html文本：<input value="" name="startDateSel" type="text" class="form-control" readonly="readonly">，这个readonly属性决定了，用户无法直接输入日期参数（网站考虑的是：用户输入的日期格式不规范，导致无法检索，故以这种方式控制输入），需要通过鼠标点选年月日来生成最后的日期。
具体操作见下图笔者录制的GIF动画：
如果出现“年、月、日”都要选择非默认值，则点选的操作略复杂，其易用性极端情况下不如手输；
当然，python+selenium完全可以操作这些“年、月、日、确定按钮”页面元素，比如，“月份”的html标签代码长这样：
<td colspan="7"> <span class="month">一</span> <span class="month">二</span> <span class="month">三</span> <span class="month">四</span> <span class="month">五</span> <span class="month">六</span> <span class="month">七</span> <span class="month active">八</span> <span class="month">九</span> <span class="month">十</span> <span class="month">十一</span> <span class="month">十二</span> </td>
年份的代码长这样：
<td colspan="7"> <span class="year old">2009</span> <span class="year">2010</span> <span class="year">2011</span> <span class="year">2012</span> <span class="year">2013</span> <span class="year">2014</span> <span class="year">2015</span> <span class="year">2016</span> <span class="year">2017</span> <span class="year active">2018</span> <span class="year">2019</span> <span class="year old">2020</span> </td>
不过，通过selenium模拟鼠标实现“点点点”，步骤略繁琐，执行效率低。笔者建议通过js修改html表情的readonly属性为false，达到input元素可编辑的状态。通过网页F12进入开发者模式，在控制台中编写JS脚本，通过querySelectorAll方法遍历input元素，删除特定节点属性（attribute）方法如下：
var rs = document.querySelectorAll("input[readonly=‘readonly‘]"); for(var i = 0; i < rs.length; i++) { rs[i].readOnly = false; }
这段代码想要在python selenium中运行很简单，只用把这段js脚本当成字符串载入就可以了，唯一需要注意的是，上面的js脚本中已经有了单引号、双引号，所以，必须使用三引号""" """模式将这段文本括起来，具体代码如下：
js="""var rs = document.querySelectorAll("input[readonly=‘readonly‘]");for(var i = 0; i < rs.length; i++){rs[i].readOnly = false;}""" driver.execute_script(js)
执行完代码后，可以看到光标可以正常在input框内闪烁，可以手动写入日期：
后面可以通过js的方法直接对input元素赋值，也可以先定位元素，然后用经典的send_keys()方法，根据实际情况任选一种方法即可，非常方便！
driver.find_element_by_name("startDateSel").send_keys("2018-09-01") driver.find_element_by_name("endDateSel").send_keys("2018-11-09") driver.find_element_by_css_selector("button.btn.btn-primary").click() #点击确定
Python selenium巧用Javascript脚本注入解决按钮点选问题
标签：cut 点击 特定 exe 框架 boot 控制 tar 注意
原文地址：https://www.cnblogs.com/new-june/p/9949812.html
