随笔 - 49  文章 - 0  评论 - 20  阅读 - 12万

写selenium常用到的js代码

selenium可以运行JavaScript代码,可以用一些JavaScript来辅助编写Selelnium代码。

1.scrollIntoView - 向下拉滚动条,使得某元素可见

IWebElement element = driver.FindElementById("id_of_element");
((IJavaScriptExecutor)driver).ExecuteScript("arguments[0].scrollIntoView(true);", element);

2.visibility - 把不可见元素设置为可见

IWebElement element = driver.FindElementById("id_of_element");
((JavascriptExecutor)driver).executeScript("arguments[0].style.height='auto'; arguments[0].style.visibility='visible';";, element);

3.scrollTo - 向下滑动100元素

IWebElement element = driver.FindElementById("id_of_element");
((JavascriptExecutor)driver).executeScript("window.scrollTo(0,100)";, element);

4.style.height/weight - 设置某元素的大小

IWebElement element = driver.FindElementById("id_of_element");
((JavascriptExecutor)driver).ExecuteScript("arguments[0].style.height='500px';", element);
((JavascriptExecutor)driver).ExecuteScript("arguments[0].style.width='500px';", element);

5.Click - 用js点击元素

IWebElement element = driver.FindElementById("id_of_element");
((JavascriptExecutor)driver).ExecuteScript("arguments[0].click();", element);

6.window.open() - 打开一个新的窗口

((JavascriptExecutor)driver).ExecuteScript("window.open();");

7. 高亮显示页面元素

public void highlightElement(WebDriver driver, WebElement element) {
    JavascriptExecutor js = (JavascriptExecutor) driver;
    js.executeScript("arguments[0].setAttribute('style', arguments[1]);", element, "color: yellow; border: 2px solid yellow;");
}

参考1: scroll-element-into-view-with-selenium
参考2: https://stackoverflow.com/questions/10660291/highlight-elements-in-webdriver-during-runtime
拓展1: selenium实现chrome分屏截图的合并

posted on   hchengmx  阅读(815)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· 单线程的Redis速度为什么快?
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示