console - 使用 chrome 控制台选择数据

Question

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

TLDR；如何使用 Chrome 控制台从 URL 中选择和提取一些数据？

Answer 1

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

首先，我们需要选择我们想要的元素，例如公司名称。这些被保存在带有 ID 的列表中，在带有 class的字段中带有 class 的startups_content元素内部。因此，这些的选择器可能如下所示：itemsname

$('#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，只需按照与上述相同的步骤进行适当的更改即可。