Как на вебстранице спарсить одинаковые элементы (возможно, через xpath или как-то по-другому)?

Question

[1ndrei]

Бывает очень полезно спарсить одинаковые элементы на странице: номера телефонов, какие-то заголовки, еще что-то.
Это можно сделать через xpath. Или, например, через google spreadsheet через формулу importxml, которая работает с xpath.
Но через spreadsheet это не всегда удобно и возможно.
Есть ли какой-то плагин, который это делает.
Ввел xpath - он тебе тут же выдал все подходящие под запрос элементы.
Возможно, что-то похожее существует, но другими способами - через js как-то например.
Типа, getelements by id - и он тебе все эти элементы выдает в plain text.

Answer 1

[1ndrei]

Через селекторы:
z=''; $$('h3').forEach(function(i){z += i.innerText+'\n'}); copy(z)

Через xpath:
z=''; $x('//h3').forEach(function(i){z += i.innerText+'\n'}); copy(z)

Результат, в буфере аккуратный списочек того, чего нужно.

Answer 2

[Сергей Каракулов]

Если я правильно понял но думаю можно обойтись просто javascript скриптом.

например вот этот код выводит в консоли, в текстовом формате элементы меню "Тостера"

document.querySelectorAll(".main-menu__link").forEach(function(i) { console.log(i.innerHTML.slice(-20)) })

Получили коллекцию html элементов, и для каждого элемента коллекции вызвали функцию колбек, которая выводит его содержимое (innerHTML) .

Естественно можно написать какой то универсальный скрипт; И может быть даже если необходимо оформить его в виде плагина

Comments

[1ndrei]

Ну да, похоже. А как сделать, чтобы оно, например, не класс парсило а html элемент? Например, все заголовки h3.
А еще лучше, чтобы запросы xpath парсило?

[1ndrei]

Я вот немного изменил. Например для страницы выдачи в гугл выводит в консоль все заголовки Н3.
$$('h3').forEach(function(i){console.log(i.innerText)})

Но хочу, чтобы оно сразу мне в буфер обмена все спихивало по очереди.

Почему это не работает?
$$('h3').forEach(function(i){copy(console.log(i.innerText))})
- в буфер помещается только последний элемент.*

*я работаю с менеджером буфера обмена, поэтому там вся история копирований ведётся.

[Сергей Каракулов]

в таком случае это будет выглядеть примерно вот так:

var arr = [];
$$('h3').forEach(function(i){arr.push(i.innerText)});
arr.join("\n");
copy(arr);

Создали массив,запушили в него все h3, сделали массив строкой, и поместили в буфер

[1ndrei]

Большое спасибо :)!
Я параллельно пришел к такому же варианту в таком исполнении:
z=''; $$('h3').forEach(function(i){z += i.innerText+'\n'}); copy(z)
я не кодер - поэтому мне интереснее записать емко в одной строке - понимаю, что это не комильфо наверное.
Зато работает!

Причем можно и через xpath, что очень круто:
z=''; $x('//h3').forEach(function(i){z += i.innerText+'\n'}); copy(z)