无法单击具有特定属性的按钮

Question

我正在使用 puppeteer-sharp 获取由 AJAX 从网页加载的内容。我需要提交具有以下结构的表单：

<form action="" method="post" _lpchecked="1">
    <div class="item">
        <div class="title"><label for="login-username1">Username</label></div>
        <div>
            <input class="int-text" type="text" id="login-username1" name="login-username" value="" size="25" autocomplete="off" >
            <span class="required" title="required item">*</span>
        </div>
    </div>
    <div class="item">
        <div class="title"><label for="login-password1">Password</label></div>
        <div>
            <input class="int-text" type="password" id="login-password1" name="login-password" size="25" autocomplete="off">
            <span class="required" title="required item">*</span>
        </div>
    </div>
    <div class="item">
        <button type="submit" name="login-submit" class="inline-btn-2"><span><span>Login</span></span></button>
    </div>
</form>

首先，我使用以下代码填充了两个可用输入：login-username1 和 login-password1：

using (Page page = await Browser.NewPageAsync())
{
    await page.GoToAsync("https://www.oddsportal.com/login/");
    await page.TypeAsync("#login-username1", "sfarzoso");
    await page.TypeAsync("#login-password1", "password");

    await page.ClickAsync("name=login-submit");
    await page.WaitForNavigationAsync();
    var c = await page.GetContentAsync();
}

问题是按钮没有 id 而只有 name 属性，所以我的代码 return:

PuppeteerSharp.EvaluationFailedException: 'Evaluation failed: DOMException: Failed to execute 'querySelector' on 'Document': 'name=login-submit' is not a valid selector. at puppeteer_evaluation_script:1:33'

此错误发生在

await page.ClickAsync("name=login-submit");

方法 ClickAsync 需要一个选择器，而按钮只有一个唯一 name，但似乎我无法点击该按钮。

注意：Browser 变量实例化如下：

Browser = await Puppeteer.LaunchAsync(new LaunchOptions
{
    Headless = true,
    ExecutablePath = Environment.GetEnvironmentVariable("CHROME_PATH"),
});

Answer 1

"name=login-submit" 不是有效的 CSS Selector。这应该适合你：

await page.ClickAsync("button[name='login-submit']");

Answer 2

如果您使用 CSS selector 作为定位器，那么您没有提供正确的定位器。

您可以尝试使用下面的 CSS 选择器，它应该可以工作。

使用 Type 属性

await page.ClickAsync("button[type='submit']");

或使用 name 属性

 await page.ClickAsync("button[name='login-submit']");

或使用 class 属性

await page.ClickAsync("button.inline-btn-2");

或使用 multiple attribute 例如

await page.ClickAsync("button[type='submit'][name='login-submit']");

无法单击具有特定属性的按钮

Cannot click on a button which have a specific attribute

c#

xpath

web-scraping

puppeteer

puppeteer-sharp