Google chrome select Javascript 或控制台的所有復選框

Question

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

我有一個結果列表，我想確保通過瀏覽器控制台到 select 的所有復選框。

我試過這些方法，從這里得到提示，但它似乎不起作用：

[].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 組件來隔離它們。 您需要通過每個影子根級別 go ：

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

請注意，該頁面還實現了無限滾動，這意味着一開始只顯示幾個元素，滾動時會添加更多元素。 這個腳本當然只有 select 是你運行它時存在的那些。