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

问题描述

我今天一直在使用 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" 但我只是一个初学者所以不知道下一步该做什么。不幸的是，我无法在管理员登录后共享链接 - 但如果有帮助，可以提供完整的代码和图像。

谢谢！

标签： javascriptweb-scrapinghyperlinkgoogle-chrome-devtoolsdeveloper-tools

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

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

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

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

问题描述

解决方案

推荐阅读