javascript - Nodejs Nightmare 库按钮单击

Question

您好，我想点击带有 Nightmare 库的按钮，但是该按钮没有任何名称，所以我感到困惑。有一个按钮(第一个按钮对我而言现在太重要了)，

<button aria-disabled="false" type="button" class="container_t8ohbe-o_O-container_rounded_tid9r1-o_O-container_notBlock_qxxhsy-o_O-container_sizeRegular_9l8x45-o_O-container_1ekx8mc" data-reactid="28"><span class="text_1rqeqtn-o_O-text_sizeRegular_1purd5i-o_O-text_uw47i3" data-reactid="29"><span data-reactid="30">Accept</span></span></button> 

和这个，

<button type="button" class="btn btn-primary btn-large btn-block"><span>Start</span></button>

甚至我都尝试过类似的东西(无论多么荒谬)，但没有用。

.click('class="container_t8ohbe-o_O-container_rounded_tid9r1-o_O-container_notBlock_qxxhsy-o_O-container_sizeRegular_9l8x45-o_O-container_1ekx8mc"')

真的很想学习 Nightmare 图书馆，但是例子太少了，大多数例子都包含完全相同的例子。我如何单击此按钮，有人可以帮忙吗？另外，如果有人可以在我想阅读的不同示例上提供有关单击/键入的详细教程。

Answer 1

您可以使用css路径单击该按钮，只要该按钮是该按钮唯一的即可。我想做的是转到开发人员工具，右键单击该元素，然后选择copy selector这样的

当然，请确保在控制台$('css_selector')中使用jquery对其进行测试，并查看其是否返回您要单击的元素。

这是我的 Nightmare 项目之一的片段

nightmare
  .goto('https://home.cunyfirst.cuny.edu/oam/Portal_Login1.html')
    .insert('#cf-login', user)
    .insert('#password', pass)
    .click('#login-form > form > input[type="image"]')

一旦单击不起作用，我也遇到了这个问题，但是this库帮助我修复了它，可能对您有所帮助。它模拟了真正的鼠标单击，我不确定这甚至意味着什么，但是它可以工作。

同样这是不正确的:

.click('class="container_t8ohbe-o_O-container_rounded_tid9r1-o_O-container_notBlock_qxxhsy-o_O-container_sizeRegular_9l8x45-o_O-container_1ekx8mc"')

您可以像我之前所说的那样在控制台中放置一个示例，以测试是否为.click()选择了合适的选择器:

希望此建议对您有所帮助!