Я пытаюсь встроить и отобразить веб-сайт на веб-сайте reactjs, чтобы выбрать html элементы встроенного веб-сайта, наведя на них курсор или щелкнув их.
Точнее, я хочу чтобы загрузить любой веб-сайт, отобразите его, выделите его элементы html, наведя на них курсор (как с помощью инструментов разработчика браузера), и извлеките элемент или атрибуты элемента, щелкнув по нему.
Пример того, чего я пытаюсь достичь:
Практически сравнимо с тем, что делают такие сайты, как sken.io: при наведении курсора на элемент выделяется элемент, однако нажатие на него не возвращает элемент в виде sken. .io как-то обрабатывает сайт в бэкэнде, а я хочу сделать это полностью в приложении React. js.
Мой первый подход состоял в том, чтобы использовать iFrames, однако первым препятствием, с которым я столкнулся, был заголовок X-Frame-Options, который блокировал многие веб-сайты различного происхождения (например, google.co). m) от загрузки в iFrame.
Даже если бы этого препятствия не существовало, я не уверен, что iFrames подойдет для достижения моей цели, т. е. смогу ли я извлечь элементы содержимого, отображаемого в iFrame выбрав их.
Могу ли я использовать iFrames для этого или есть другой, лучший подход для решения этой проблемы?