Веб-сканирование ярлыков изображения при наведении курсора мыши - PullRequest
Новая
       10

Веб-сканирование ярлыков изображения при наведении курсора мыши

0 голосов
/ 01 августа 2020

У меня есть веб-сайт, на котором появляется интересная информация, если я наводил указатель мыши на определенную часть изображения.

Я хотел бы извлечь это в структурированный формат, например: *

Вот как это выглядит:

enter image description here

To see the live example, just scroll to the first image here: https://www.republik.ch/2020/01/27/stadt-land-graben-die-hotspots

Если я наведу курсор на другую часть изображения, я увижу другую появляется ярлык.

Мне не удалось легко найти эту информацию в исходном коде. Изображение состоит как минимум из сотен частей, поэтому ручное сканирование займет некоторое время.

Как лучше всего очистить данные, которые я вижу при наведении курсора на разные части?

1 Ответ

0 голосов
/ 01 августа 2020

Я не уверен, что это то, что вы ищете: 

document.querySelector('figure[data-css-18r0zrg] svg').addEventListener("mousemove",function(){
if(document.querySelector('div[data-css-5rrfwp]') !== null)
{
    console.log(document.querySelector('div[data-css-5rrfwp]').innerText.replace(/\n/g, " "));
}

});

Обновлено 

document.querySelector('figure[data-css-18r0zrg] svg').addEventListener("mouseover",function(){
  if(document.querySelector('div[data-css-5rrfwp]') !== null)
  {
    console.log(document.querySelector('div[data-css-5rrfwp]').innerText.replace(/\n/g, " "));
  }
});

document.querySelectorAll("[data-css-11e8ajt]").forEach(el=>{
    setTimeout(function(){
        el.dispatchEvent(new MouseEvent('mouseover', { 'bubbles': true }));
    },5000);
});

Вставьте указанный выше код и нажмите Enter. консоль веб-страницы

...