当反应仅显示其中一部分时，如何使用硒获取整个表

Question

示例网站：

https://listen.tidal.com/view/pages/single-module-page/b4104df9-ee72-4c3d-a7b4-30fa61faf56d/5/889e7c2a-e3be-472b-9801-bf6b40655050/1?artistId=8992

我使用 css 来获取如下行：

div[role=row]

所以代码就像

dirver.findElementsByCss(div[role=row])

并且数字只是显示的，也就是可见的行数，而不是整行。如何制作一个可以占用所有行的脚本？

1)

我试过像这里一样缩小，失败：

• 这在 css 方面缩小，而不是浏览器缩小，在这种情况下它是无用的

• 缩小有其局限性

2)

向下滚动似乎不是最理想的，也不是很不精确的方式来做这样的事情

我正在为 Crome 77 和 python 使用 ChromeDriver

Answer 1

由于该表使用 React，因此这些元素甚至根本不存在于页面上，除非您向下滚动到它们。我知道您提到滚动不是最佳解决方案，但如果您需要表中的所有行，滚动是这里唯一的选择。我已经实现了一个使用坐标向下滚动页面的示例 ScrollDown 方法。代码在 C# 中，但其他语言的想法是相同的。要使用 Javascript 滚动，您需要提供要滚动到的坐标。如果您希望滚动多次——例如，向下滚动、获取表格行、继续向下滚动并获取表格行直到到达表格末尾——您将需要更新yCoordinate您正在滚动的内容。由于滚动是一个向上/向下的过程，因此您xCoordinate每次都可以使用相同的。关于increment- 这个变量是指你想一次滚动多少。increment应该等于您希望滚动的像素数。如果要一次滚动 3 行，并且每行高 100 像素，则需要设置increment为 300。由于我不知道您的页面大小或布局，因此无法为您提供更详细的方法。我建议实施此方法并尝试使用不同的 x/y 坐标进行滚动，以便为您的测试应用程序获得个性化的解决方案。public void ScrollDown(int startX, int startY, int increment, int numberOfScrolls)&nbsp;{&nbsp; &nbsp; // cast webdriver to javascript executor&nbsp; &nbsp; var executor = ((IJavaScriptExecutor) driver);&nbsp; &nbsp; // keep track of current y coordinate&nbsp; &nbsp; // since we are scrolling down, y coordinate will change with each scroll&nbsp; &nbsp; var currentYCoordinate = startY;&nbsp; &nbsp; // scroll down in a loop&nbsp; &nbsp; for (int i = 0; i < numberOfScrolls; i++)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; // scroll down&nbsp; &nbsp; &nbsp; &nbsp; executor.ExecuteScript("window.scrollTo({startX}, {currentYCoordinate});");&nbsp; &nbsp; &nbsp; &nbsp; // todo: implement any FindElement methods to get the new elements which have been scrolled into view.&nbsp; &nbsp; &nbsp; &nbsp; // update y coordinate since we just scrolled down&nbsp; &nbsp; &nbsp; &nbsp; currentYCoordinate = currentYCoordinate + increment;&nbsp; &nbsp; &nbsp;}}

Answer 2

对于具有实现延迟加载的网格的站点。- 您可以使用网格组件方法访问数据。- 或者您可以使用 devtools>network 检查产生数据的请求/响应并尝试复制请求。在您的示例中，您所追求的数据位于 pagedList>items 上。从理论上讲，您应该能够使用 python rest API 库复制此 api 调用。希望这可以帮助。