javascript - 将 import.io 与鼠标悬停文本一起使用

Question

老观众，第一次张贴!

我遇到了一些麻烦...我注意到现在抓取网页时显然可以选择抓取鼠标悬停文本 ( http://support.import.io/forums/199278-ideas-forum/suggestions/10368834-website-elements-displayed-on-mouseover )，但我不知道该怎么做!

我尝试在其上执行此操作的页面类型是这样的(我将使用它来抓取许多类似的页面):https://www.kickstarter.com/profile/1874304670我想要圆图每个部分中的数字，以及图中这些类别的标题。此文本仅在鼠标悬停时出现。我在制作爬虫时无法显示此文本，更不用说抓取数据了。

或者，如果我可以使用页面源提取数据，我可以获得信息，因为数据在其他代码将其更改为图形之前就已经存在。但是，这个功能似乎还不适用于爬虫，只有提取器(据我所知)。

关于如何直接执行此操作的任何帮助？或者也许有某种解决方法？也许 import.io 不是我应该为此使用的，但如果可以的话，那就太好了!

提前致谢!

Answer 1

在 import.io 中没有“开箱即用”的方法来执行此操作，但是如果您对 JS 有所了解，则有一种解决方法...

如果您使用自定义 xpath .//*[@id='small_circle']，您可以获得一段包含所需信息的 json 数据。

格式如下:

[...{
"category_id":26,
"label":"Crafts",
"projects_backed":0,
"color":"rgba(0,0,0,0.0)",
"path":"/profile/1874304670?category_id=26&ref=wheel",
"data":1
}, 
...
]

你可以在爬取之后做一些后处理，过滤掉你想要的相关部分，或者用JS解析它，只需要“label”和“projects_backed”键。