c# - 使用 Playwright 和 C# 访问 Stripe Payment 的输入字段

Question

我正在尝试访问条带中卡号字段的 id，以便我可以使用 c# 和 playwright 输入卡号。我有 DOM 的屏幕截图，我尝试了下面的代码但徒劳无功。你能告诉我如何访问卡号ID吗？

 var CardNumberLocator = Page.Locator("id=Field-numberInput");
 await CardNumberLocator.FillAsync("1234123412341234");

条带的 DOM

Answer 1

这可能是由多种原因引起的；

如果是嵌入式的。您需要将逻辑应用于Content Frame。

如果它是隐形的。（可能焦点是通过 div 点击触发的，即使它存在于 HTML 中也会被 CSS 隐藏），这可能是它不起作用的原因，因为 WaitForSelector/Locator 等待元素可见。您可以尝试使用page.$选择器，无论它是否不可见，它都会返回元素。

您还可以page.click(div)在覆盖的元素上触发 a [在本例中为 div]，然后使用page.keyboard.type(text). 模拟点击将使页面专注于输入。并且keyboard.type将在输入中输入。