借javascript之力实现网页滚动

最新推荐文章于 2022-05-20 09:29:23 发布

原创最新推荐文章于 2022-05-20 09:29:23 发布 · 860 阅读

0 ·

CC 4.0 BY-SA版权

java语言同时被 2 个专栏收录

5 篇文章

订阅专栏

浏览器测试组件

3 篇文章

订阅专栏

本文探讨了如何在没有明显URL请求的情况下，通过JavaScript来实现网页的自动滚动。介绍了两种方法，一种是定义action响应pagedown事件，但由于限制未能成功。另一种是利用JavaScript设置scrollTop属性，有效地控制页面滚动。虽然第一种方法遇到错误，但提供了学习actions的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于有些网页的内容是你不断滚动网页的滚动条才能加载出来，而如果从Ajax的角度考虑，去寻找url请求，这条路子也就走错了。在网上寻找了一下方法，主要是有两种，一种是定义action，响应pagedown，这样网页就不断向下滚动。寻找到的方法编写的代码如下：

public static void main(String[] args) throws InterruptedException {
		// TODO Auto-generated method stub
				System.setProperty("webdriver.chrome.driver",
						".\\res\\chromedriver.exe");
				WebDriver driver = new ChromeDriver();
				driver.get("http://www.hao123.com/");
				Actions action= new Actions(driver);
				for(int i=0;i<=10;i++){
					action.keyDown(Keys.ARROW_DOWN).build().perform();
					Thread.sleep(1000);
					action.keyUp(Keys.ARROW_DOWN).build().perform();
				}
}

结果就是：抛出错误，Key Down / Up events only make sense for modifier keys.寻找解决方式未果，但这种actions方式可以学习一下。

另一种办法就是借助javascript，通过执行javascript片段，即设置scrollTop的高度，进行网页滚动。具体方式如下：

public static void main(String[] args) throws InterruptedException {
		// TODO Auto-generated method stub
				System.setProperty("webdriver.chrome.driver",
						".\\res\\chromedriver.exe");
				WebDriver driver = new ChromeDriver();
				driver.get("http://www.hao123.com/");
				Actions action= new Actions(driver);
				for(int i=0;i<=10;i++){
					setScroll(driver, 500*i);
					Thread.sleep(1000);
				}
				Thread.sleep(3000);
				driver.quit();
	}
	
	/**
	 * 操作浏览器滚动条
	 * @param height 控制滚动条的高度：默认为0
	 * 
	 * */
	public static void setScroll(WebDriver driver, int height) {
		try {
			String setscroll = "document.body.scrollTop=" + height; 
			JavascriptExecutor jse=(JavascriptExecutor) driver;
			jse.executeScript(setscroll);             //执行设置
		} catch (Exception e) {
			System.err.println("Fail to set the scroll.");
		}
	}

网上一开始找到的setscroll的赋值为“document.documentElement.scrollTop=”+height.这在我所给的url行不通，将documnetElement改为body标签即可，element的变动是进行程序的滚动条控制的定位点。通过上述方法，就可以实现网页的间断滚动。