Развернуть все выпадающие ссылки одновременно с помощью инструментов разработчика chromes? - PullRequest
Новая
       28

Развернуть все выпадающие ссылки одновременно с помощью инструментов разработчика chromes?

0 голосов
/ 16 апреля 2019

Сегодня я использовал инструменты разработчика 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-extended = "true", но я только начинающий, поэтому не уверен, что делать дальше. К сожалению, я не могу поделиться ссылкой, которая стоит за логином администратора, но могу предоставить полный код и изображения, если это будет полезно.

Спасибо!

1 Ответ

0 голосов
/ 18 апреля 2019

Я не могу дать вам однозначный ответ без ссылки на страницу, но я предполагаю, что каждая из этих кнопок имеет класс org-update-analytics__toggle-details-btn. Поэтому, если вы запустите что-то подобное в консоли: 

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

Возможно, вы сможете расширить каждый выпадающий список.

...