Puppeteer：chrome dev 和 puppeteer 的不同结果

如何解决Puppeteer：chrome dev 和 puppeteer 的不同结果

我正在尝试抓取一个网站，我在这里所做的是找到所有带有类的 div 并向下遍历到子级以获取所需的数据。 这个 div 自我重复

selected="selected"

在 Puppeteer 中我得到了数组

<div class="d-flex match-comment-padder align-items-center">
   <div class="col-2 col-md-1 col-lg-3 match-comment-run-col">
      <span class="match-comment-over">19.6</span>
      <div class="match-comment-run-container">
         <div class="match-comment-run match-comment-run-six"><span>6</span></div>
      </div>
   </div>
   <div class="col-14 col-md-15 col-lg-13">
      <div style="padding-right: 12px;">
         <div class="match-comment-wrapper">
            <div class="match-comment-short-text"><span>Thakur to Sam Curran,SIX runs</span></div>
            <div class="match-comment-long-text" itemprop="articleBody">
               <p>slower ball outside off,full and in Curran's swinging arc. Pumped over Thakur's head for six</p>
            </div>
         </div>
      </div>
   </div>
</div>

并获得底层儿童

const element = await page.$$(".d-flex.match-comment-padder.align-items-center");

当我在 chrome 开发工具中做同样的事情时，我得到了正确的结果，但在 puppeteer 中为 div>span 和 div>div>div>span

给出了相同的结果

let run = await element[0].$('div>div>div>span')

以上两个在 puppeteer 中返回相同的结果，而在 chrome 开发工具中则不同。任何帮助或建议表示赞赏。