У меня есть задача, где мне нужно визуально сегментировать веб-страницу, чтобы можно было рассчитать расстояние между двумя сегментами веб-страницы на разных уровнях дерева DOM. Простым способом я хочу иметь возможность получать поля, которые отображают страницы на экране. например рассмотрите это изображение: Изображение для визуального отображения структуры DOM как на дисплее
Это я нарисовал, используя Chrome, который предоставляет каждому DOM-узлу соответствующий прямоугольник на странице в браузере. Как я могу получить эти поля в моей программе, чтобы я мог обрабатывать страницу в зависимости от того, как она выглядит на экране.