使用chrome控制台选择输出数据

Question

我希望以纯文本形式从此页面（https://angel.co/finder#AL_claimed=true&AL_LocationTag=1849&render_tags=1）中提取所有公司。我看到有人使用Chrome开发者工具控制台执行此操作，并且想知道是否有人能指出我正确的方向？

TLDR;如何使用Chrome控制台从网址中选择和提取部分数据？

Answer 1

注意：由于此页面上提供了jQuery，因此我将继续使用它。

首先，我们需要选择我们想要的元素，例如这些公司的名称。这些内容保存在ID为startups_content的列表中，内容为items的元素位于类name的字段中。因此，这些选择器可能如下所示：

$('#startups_content .items .name a')

结果，我们将得到一堆HTMLElements。由于我们需要纯文本，我们需要通过执行以下操作从这些HTMLElements中提取它：

.map(function(idx, item){ return $(item).text(); }).toArray()

这为我们提供了一系列公司名称。但是，让我们制作一个纯文本列表：

.join('\n')

连接上述所有步骤：

$('#startups_content .items .name a').map(function(idx, item){ return $(item).text(); }).toArray().join('\n');

应该在DevTools控制台中执行。

如果您需要其他一些数据，例如公司网址，只需按照与上述相同的步骤进行相应的更改。