使用chromes dev工具同時展開所有下拉鏈接？

Question

我今天一直在使用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”，但我只是一個初學者，所以不知道下一步該做什么。 不幸的是，我無法共享鏈接作為管理員登錄的背后 - 但如果有用，可以提供完整的代碼和圖像。

謝謝！

Answer 1

如果沒有鏈接到頁面，我無法給出明確的答案，但我的猜測是每個按鈕都有org-update-analytics__toggle-details-btn類。 所以如果你在控制台中運行這樣的東西：

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

您可以擴展每個下拉列表。