Блог

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

Спасибо!

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

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

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