Google chrome select 所有复选框 Javascript 或控制台

Question

我在以下 google chrome 页面：chrome://history/?q=a

我有一个结果列表，我想通过浏览器控制台确保select所有复选框。

我试过这些方法，从 here 中得到启发，但它似乎不起作用：

[].forEach.call( document.querySelectorAll('input[type="checkbox"]'),function(el){
       el.checked=true;
     }
);

[].forEach.call( document.querySelectorAll('cr-checkbox#checkbox.no-label'),function(el){
       el.checked=true;
     }
);

谁能帮帮我？

Answer 1

此页面使用带有阴影 DOM 的 Web 组件来隔离它们。您需要遍历每个影子根级别：

document.querySelector('history-app')
        .shadowRoot.querySelector('history-list')
        .shadowRoot.querySelectorAll('history-item')
        .forEach(item => {
          item.shadowRoot.querySelector('cr-checkbox').click();
        });

请注意，该页面还实现了 无限滚动，这意味着最初只显示几个元素，滚动时会添加更多元素。这个脚本当然只会 select 你当时存在的那些运行它。

Google chrome select 所有复选框 Javascript 或控制台

Google chrome select All checkbox by Javascript or console

html

javascript

checkbox

google-chrome

dom-events