在单击SVG元素时，操纵up发出错误“节点不可见”

Question

目前，我正在编写脚本以从该站点收集一些数据。http://www.easycredit-bbl.de/de/n/spielberichte/2016-17/nachbericht/2016-09-23-bam-fra/#specialnavi=34

页面加载时，最右边的矩形突出显示。我需要单击SVG图形的面板，以便在要复制的屏幕上加载数据。不幸的是，当我尝试单击时，我收到此错误

“错误：节点不可见”

有什么建议或解决方法吗？也许不单击元素本身，而不仅仅是单击屏幕的一部分？

Answer 1

您确定元素已加载并且在单击之前可见吗？也许在您点击它之前是这样的？

await page.waitFor(<selector>,{visible:true})

Answer 2

调试它的一个好习惯是使用：

await page.evaluate(()=> {
    document.querySelector("#settings").click()
})

因为这将通过在页面本身内部使用浏览器本机命令来告诉您它是否是木偶问题