Use waler.querySelectorAll() instead of tracing manually

Author: dadaa

extension/experiments/inspectedNode/api.js

@@ -51,30 +51,8 @@ this.inspectedNode = class extends ExtensionAPI {
     };
 
     const _getSubtreeNodes = async (node) => {
-      if (!node.hasChildren) {
-        return [];
-      }
-
-      const nodes = [];
-
-      // At first, get the children cache in nodeFront.
-      let children = await node.treeChildren();
-
-      if (children.length === 0) {
-        // Otherwise, get via the walker.
-        await node.walkerFront.children(node);
-        children = await node.treeChildren();
-      }
-
-      // We see element type only
-      children = children.filter(node => node.nodeType === ELEMENT_NODE);
-
-      for (const child of children) {
-        nodes.push(child);
-        nodes.push(...(await _getSubtreeNodes(child)));
-      }
-
-      return nodes;
+      const result = await node.walkerFront.querySelectorAll(node, "*");
+      return await result.items();
     }
 
     const _getAppliedStyle = async (inspector, node, option) => {