Java Selenium页面修改后如何刷新以加载改动内容？

首先明确：driver.navigate.refresh() 会向服务器重新请求页面，浏览器会加载原始HTML内容，你通过JavascriptExecutor修改的DOM临时值会被完全重置，这就是刷新后改动消失的原因。根据你的需求，提供两种可行方案：

方案1：触发元素事件，无需刷新页面 #

如果你的目的是让页面的前端逻辑感知到元素值的变化，不需要刷新页面，直接修改值后触发对应的事件即可（比如input、change事件，根据页面实际绑定的事件类型选择）：

// 获取JavascriptExecutor实例
JavascriptExecutor js = (JavascriptExecutor) driver;
// 修改目标元素的值
js.executeScript("document.getElementById('targetElement').value = '你的新值';");
// 触发change事件，让页面脚本感知到值的变化
js.executeScript("const event = new Event('change'); document.getElementById('targetElement').dispatchEvent(event);");

方案2：通过本地存储保留状态，刷新后重新应用 #

如果必须要刷新页面，同时保留改动的内容，可借助浏览器的localStorage存储修改的值，刷新后再读取并重新设置：

JavascriptExecutor js = (JavascriptExecutor) driver;
String newValue = "你的新值";
String elementId = "targetElement";

// 修改元素值并存入localStorage
js.executeScript(String.format("document.getElementById('%s').value = '%s'; localStorage.setItem('savedElementValue', '%s');", elementId, newValue, newValue));

// 刷新页面
driver.navigate.refresh();

// 等待页面加载完成后，从localStorage读取值并重新设置
js.executeScript(String.format("const savedVal = localStorage.getItem('savedElementValue'); if(savedVal) document.getElementById('%s').value = savedVal;", elementId));

注意：localStorage中的数据会长期保留在浏览器中，若不需要持久化，可改用sessionStorage（仅在当前会话有效）。

内容的提问来源于stack exchange，提问作者user3021955