Puppeteer：page.click 和 page.evaluate click 回退

问：

如标题所述，大多数情况下 page.click（） 有效。但是，有时它会单击并且页面不会对操作做出反应。有两个详细的方案：

1. page.click（） 不起作用并引发错误。在这种情况下，我可以回退以正确评估点击。
2. page.click（） 确实有效，并且不会抛出错误。页面对点击没有反应。在这种情况下，我不知道如何回退到另一种点击方法。

评估点击也有可能不起作用。因此，我认为最好的解决方案是在无法点击时回退到对方。这是我的代码：

async clickElement(
    page: Page,
    projectName: string,
    title: string,
    selector: string,
    timeout = 1000,
    preventNavigation = false
  ): Promise<boolean> {
    Logger.log(selector, 'CSSClickStrategy.clickElement');

    // Ensure the selector is present before proceeding
    // it could be a navigation before awaiting the selector
    await Promise.race([
      page.waitForSelector(selector, { timeout, visible: true }),
      page.waitForNavigation({ timeout }),
    ]);
    //TODO: how to determine to switch between the two click methods
    // Add navigation prevention if required
    if (preventNavigation) {
      this.preventNavigationOnElement(page, selector);
      return this.evaluateClick(page, projectName, title, selector);
    } else {
      // const result = await this.normalClick(page, projectName, title, selector);
      const result = await this.evaluateClick(
        page,
        projectName,
        title,
        selector
      );
      if (!result) {
        // return await this.evaluateClick(page, projectName, title, selector);
        return await this.normalClick(page, projectName, title, selector);
      } else {
        return result;
      }
    }
  }

  private async preventNavigationOnElement(page: Page, selector: string) {
    await page.evaluate((sel) => {
      const element = document.querySelector(sel);
      if (element) {
        element.addEventListener('click', (e) => e.preventDefault());
      }
    }, selector);
  }

  private async evaluateClick(
    page: Page,
    projectName: string,
    title: string,
    selector: string,
    timeout = 10000
  ): Promise<boolean> {
    try {
      await Promise.race([
        page.evaluate((sel) => {
          const element = document.querySelector(sel) as HTMLElement;
          element?.click();
        }, selector),
        new Promise((_, reject) =>
          setTimeout(() => reject(new Error('Timeout exceeded')), timeout)
        ),
      ]);
      Logger.log(
        `Clicked using page.evaluate for selector: ${selector}`,
        'CSSClickStrategy.clickElement'
      );
      return true;
    } catch (error) {
      Logger.error(error.message, 'CSSClickStrategy.evaluateClick');
      return false;
    }
  }

  private async normalClick(
    page: Page,
    projectName: string,
    title: string,
    selector: string,
    timeout = 10000
  ): Promise<boolean> {
    try {
      await Promise.race([
        page.click(selector, { delay: 100 }),
        new Promise((_, reject) =>
          setTimeout(() => reject(new Error('Timeout exceeded')), timeout)
        ),
      ]);
      Logger.log(
        `Clicked using page.click for selector: ${selector}`,
        'CSSClickStrategy.clickElement'
      );
      return true;
    } catch (error) {
      Logger.error(error.message, 'CSSClickStrategy.clickElement');
      return false;
    }
  }

非常感谢任何帮助。