используя хром-консоль, чтобы выбрать данные

Question

Я ищу, чтобы вытащить все компании с этой страницы (https://angel.co/finder#AL_claimed=true&AL_LocationTag=1849&render_tags=1) в виде простого текста. Я видел, как кто-то использовал консоль Chrome Developer Tools для этого и задавался вопросом, может ли кто-нибудь указать мне в правильном направлении?

TLDR; Как использовать консоль Chrome для выбора и вывода некоторых данных из URL?

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.

Если вам нужны другие данные, например. URL компании, просто следуйте тем же шагам, которые описаны выше, выполняя соответствующие изменения.