C# Selenium如何遍历AngularJS站点动态更新的邮件消息元素

你遇到的返回列表后已加载消息消失的问题，是AngularJS 1.x单页应用的默认机制导致的：消息列表的分页数据、加载状态都存在当前页面控制器的作用域内存中，无论是跳转详情后返回、还是新开标签页复制列表地址，都会重新初始化控制器，内存里的已加载分页数据会被清空，默认只展示第一页的10条内容。
你提到的「直接获取notification对象、调用openDetails方法打开详情」是完全可行的，也是这类站点自动化的最优方案，不需要反复处理列表加载状态。

不需要模拟DOM点击、不需要处理页面跳转状态，直接通过Selenium执行JS脚本操作AngularJS作用域即可，稳定性远高于模拟UI操作：

1. 加载全量消息：不要模拟点击「Show more」按钮，直接调用控制器里的nextPage()方法，直到所有消息加载完成，避免DOM点击的等待、失效问题。
2. 获取全量消息数据：AngularJS的ng-repeat绑定的DOM元素上会挂载对应的作用域对象，直接从作用域上取notifications数组即可拿到所有已加载的消息对象，不需要从DOM节点解析内容。
3. 打开消息详情：拿到作用域上的openDetails方法后，直接传入对应的notification对象即可打开对应详情页，无需依赖列表DOM是否存在。

参考实现代码（C# + Selenium 执行JS） #

// 先注入JS执行逻辑，拿到全量消息
const string loadAllMsgScript = @"
// 若站点关闭了调试信息，先开启以支持获取作用域
if (!angular.element('.notification-item').scope) {
    angular.reloadWithDebugInfo();
}
const scope = angular.element(document.querySelector('.notification-item')).scope();
async function loadAll() {
    let lastLen = 0;
    // 循环加载直到消息数量不再增长
    while (scope.notifications.length !== lastLen) {
        lastLen = scope.notifications.length;
        scope.nextPage(); // 直接调用原生分页方法
        scope.$apply();
        // 等待接口请求完成，可根据站点响应速度调整等待时长
        await new Promise(res => setTimeout(res, 1000));
    }
    // 序列化全量消息对象返回给C#
    return JSON.stringify(scope.notifications);
}
return loadAll();
";
// 执行JS拿到全量消息JSON，反序列化后存在C#本地
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
string allMsgJson = (string)js.ExecuteScript(loadAllMsgScript);
// 这里自行反序列化为C#对象列表存储

// 需要打开第N条消息时，直接执行JS调用原生openDetails方法
const string openDetailScript = @"
const scope = angular.element(document.querySelector('.notification-item')).scope();
// 传入对应索引的notification对象打开详情
scope.openDetails(scope.notifications[{0}]);
scope.$apply();
";
// 遍历所有消息，逐个打开详情抓取内容
for (int i = 0; i < msgList.Count; i++)
{
    js.ExecuteScript(string.Format(openDetailScript, i));
    // 等待详情页加载完成，抓取内容后，直接执行history.back()返回列表即可
    // 注意：返回列表后不需要重新点Show more，直接从作用域取下一条消息调用openDetails即可，不需要依赖DOM上的列表元素
    driver.Navigate().Back();
    // 等待列表作用域重新初始化完成
    Thread.Sleep(500);
}

注意事项 #

• 如果执行JS时提示angular is not defined，说明站点把Angular对象挂在了别的命名空间下，可以在控制台执行document.defaultView.angular或者遍历window对象找Angular实例，大部分站点不会做这个修改。
• 如果scope()方法返回undefined，执行一次angular.reloadWithDebugInfo()刷新页面即可，不会丢失登录态和已加载的数据。

如果站点做了特殊封装无法直接拿到作用域，可以用以下方案规避列表重置问题：

• 每次点击消息进入详情前，先把当前页已加载的所有消息的唯一标识（比如消息ID、详情路由参数）从DOM中提取出来，存在C#本地变量中。
• 抓完详情返回列表后，不要从头点击Show more加载，直接通过JS修改控制器里的分页参数，一次性跳转到之前加载到的页码，再继续加载后续内容。
• 效率更高的方式是直接监听Selenium的网络请求，抓取nextPage()和openDetails()调用的后端接口，直接带上页面的鉴权信息请求接口拿数据，完全跳过UI渲染环节，稳定性和速度都最高。

• 新标签页复制列表页：新标签页是全新的文档上下文，Angular控制器会完全重新初始化，内存中存储的已加载分页数据不会同步，默认只加载第一页10条内容。
• 右键新标签页打开详情：AngularJS单页应用的点击事件是绑定的JS方法，不是原生a标签的href属性，浏览器右键菜单无法识别到跳转链接，自然没有「在新标签页打开」选项。

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