Protractor测试：URL哈希变化时强制刷新的解决方案

我之前也踩过这个坑！当测试页面只有URL哈希（#后面的部分）变化时，Protractor自带的browser.refresh()或者browser.navigate().refresh()确实会“失效”——这不是Protractor的bug，而是浏览器针对单页应用哈希路由的优化：浏览器认为哈希变化只是前端路由切换，不需要重新加载页面资源，所以直接忽略了刷新指令。至于browser.restart()，确实太猛了，直接重启整个浏览器会话，完全不符合“仅刷新当前页面、不中断测试流程”的需求。

给你两个亲测有效的解决方案：

方案一：通过跳转基础URL触发全刷新 #

先跳转到不带哈希的基础URL，再跳转回目标哈希路径，迫使浏览器重新加载页面：

// 获取当前页面的基础URL（剔除哈希部分）
const baseUrl = await browser.getCurrentUrl().then(url => url.split('#')[0]);
// 先跳转到基础URL
await browser.get(baseUrl);
// 再跳回需要的带哈希的URL（这里也可以直接写固定的目标哈希路径）
await browser.get(`${baseUrl}#/your-target-path`);

方案二：用JS强制触发硬刷新 #

直接通过executeScript调用浏览器原生的location.reload(true)，这个方法会强制绕过缓存，从服务器重新加载整个页面，完美解决哈希变化时的刷新问题：

await browser.executeScript('location.reload(true);');

我个人更推荐这个方案，代码简洁，而且完全模拟了用户手动按Ctrl+F5强制刷新的行为，能确保页面彻底重新加载，不会有缓存残留影响测试结果。

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