使用Puppeteer调用Document.getElementById返回undefined求助

我在开发项目时，用Node.js的Puppeteer库从网站解析信息，目标是点击id为VikaWidget的元素，但调用document.getElementById返回undefined。该元素是打开虚拟助手窗口的组件，位于页面底部多个script元素下方，元素结构如下：

<script type="text/javascript">
<script type="text/javascript">
<script type="text/javascript">
<script src="/widget/script.js?theme=left" type="text/javascript"></script>
<link href="https://vi.admhmao.ru/assets/vi_widget_2/css/app.4291e2e8.css" rel="stylesheet">
<div data-v-55c47311="" id="VikaWidget">
<div id="widget_main" style="display: block;">
</body>

我已确认网站连接正常，能解析页面中其他元素，当前代码如下：

const puppeteer = require('puppeteer');

let scrape = async () => {
    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();

    await page.goto('https://admhmao.ru');

    const result = await page.evaluate(() => {
        return document.getElementById('VikaWidget')
    });

    await browser.close();
    return result;
};

scrape().then((value) => {
    console.log(value); // 结果是'undefined'
});

• 元素未完全加载：page.goto()默认只等待页面load事件完成，但这个widget是通过异步脚本（比如/widget/script.js）动态渲染的，load触发时元素还未生成。
  解决方法：用page.waitForSelector()等待元素出现后再执行操作：

  await page.goto('https://admhmao.ru');
  // 等待元素加载，超时时间设为5秒
  await page.waitForSelector('#VikaWidget', {timeout: 5000});
  const result = await page.evaluate(() => {
      return document.getElementById('VikaWidget')
  });
  

• 元素在iframe中：如果widget嵌入在iframe内，直接调用document.getElementById无法跨iframe获取元素。
  解决方法：先定位到目标iframe，再切换上下文操作：

  await page.goto('https://admhmao.ru');
  // 等待iframe加载并匹配对应域名的iframe
  const iframe = await page.waitForFrame(frame => frame.url().includes('vi.admhmao.ru'));
  const result = await iframe.evaluate(() => {
      return document.getElementById('VikaWidget')
  });
  

• 页面动态渲染延迟：部分页面load事件完成后，仍有脚本在异步渲染元素，存在额外延迟。
  解决方法：等待DOMContentLoaded后再增加一段等待时间：

  await page.goto('https://admhmao.ru', {waitUntil: 'domcontentloaded'});
  await page.waitForTimeout(2000); // 等待2秒让脚本执行完成
  const result = await page.evaluate(() => {
      return document.getElementById('VikaWidget')
  });
  

内容的提问来源于stack exchange，提问作者Vuimov Nikita