Chrome Developer Tools Invoke Property Getter

Question

All of my property values require me to click them in order to see them. How can I fix this?

The object I\'m trying to view is this Query Object. It seems to

Answer 1

You can work-around this, by running a script to auto-invoke the getters. To do this:

1. Open DevTools in a separate window.
2. Press CTRL+SHIFT+I
3. Switch to the console tab (of the devtools inspecting devtools)
4. Evaluate the below, and close the window

setInterval(() => {
  [...document.querySelectorAll(".source-code")]
    .map(s => [
      ...(s.shadowRoot?.querySelectorAll(
        ".object-value-calculate-value-button"
      ) || [])
    ])
    .flat()
    .forEach(s => s.click());
}, 500);

This will search for the invoke property button every 500ms. and click it for you.