console - 使用 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')

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

.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 控制台中执行。

如果您需要一些其他数据，例如公司 URL，只需按照上述相同步骤进行适当的更改即可。