使用 chromes 开发工具同时展开所有下拉链接？答案

【问题标题】：Expand all dropdown links at the same time using chromes dev tools?使用 chromes 开发工具同时展开所有下拉链接？
【发布时间】：2019-09-05 22:07:20
【问题描述】：

我今天一直在使用 Chrome 的开发者工具，并且学会了如何自动到达博客上无限滚动的底部。每个帖子的底部都有一个下拉菜单，我想为每个帖子展开 - 是否可以使用控制台同时展开这些链接？

我找到了使用开发人员工具检查按钮的代码：下面似乎是控制按钮的代码：特别是 'aria-hidden="true"' 我相信它会触发下拉框显示。

<button class="org-update-analytics__toggle-details-btn t-14 t-black--light t-bold" aria-expanded="false" data-ember-action="" data-ember-action-367="367">
      Show stats
      <li-icon aria-hidden="true" type="chevron-down-icon" class="org-update-analytics__toggle-button-icon" size="small"><svg viewBox="0 0 24 24" width="24px" height="24px" x="0" y="0" preserveAspectRatio="xMinYMin meet" class="artdeco-icon" focusable="false"><path d="M8,9l5.93-4L15,6.54l-6.15,4.2a1.5,1.5,0,0,1-1.69,0L1,6.54,2.07,5Z" class="small-icon" style="fill-opacity: 1"></path></svg></li-icon>
    </button>

我将其更改为 aria-expanded="true" 但我只是一个初学者所以不知道下一步该做什么。不幸的是，我无法在管理员登录后分享链接 - 但如果有帮助，我可以提供完整的代码和图像。

谢谢！

【问题讨论】：

标签： javascript web-scraping hyperlink google-chrome-devtools developer-tools

【解决方案1】：

如果没有指向该页面的链接，我无法给你一个明确的答案，但我猜这些按钮中的每一个都有org-update-analytics__toggle-details-btn 类。所以如果你在控制台中运行这样的东西：

const selector = '.org-update-analytics__toggle-details-btn';
document.querySelectorAll(selector).forEach(node => {
  node.click();
});

您也许可以展开每个下拉菜单。

【讨论】：