使用chromes开发工具同时展开所有下拉链接吗?

时间:2019-04-15 21:22:01

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

我今天一直在使用Chrome的开发人员工具,并且了解了如何自动进入博客的无限滚动的底部。每个帖子的底部都有一个下拉菜单,我想为每个帖子展开一个菜单-是否可以使用控制台同时展开所有这些链接?

enter image description here

我找到了使用开发人员工具进行按钮检查的代码:以下似乎是控制按钮的代码:特别是'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”,但我只是一个初学者,所以不确定下一步该怎么做。不幸的是,我无法共享管理员登录后的链接-但如果有帮助,可以提供完整的代码和图像。

谢谢!

1 个答案:

答案 0 :(得分:0)

在没有页面链接的情况下,我无法给您确切的答案,但是我猜测,每个按钮都具有org-update-analytics__toggle-details-btn类。因此,如果您在控制台中运行以下命令:

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

您也许可以扩展每个下拉列表。