Алгоритм определения визуально скрытых HTMLDom элементов?

Question

[pixx]

Есть задача: по коду html-страницы программно определить список скрытых (не видимых глазом) html элементов.

Первое что приходит в голову: взять node.js + jquery (habrahabr.ru/blogs/javascript/104761) и поиграть с псевдоселектором :visible, но есть сомнение, что в данном случае не будут учитываться css файлы.



Вопрос знатокам: можно ли научить данную свзяку учитывать css файлы и как это сделать?



PS. также буду благодарен другим способам решения задачи на базе linux.

Answer 1

[m00t]

Если не ломает запускать на сервере полноценный браузер — посмотрите в сторону Selenium. Имели опыт написания парсеров/грабберов на нем — есть API для практически любого языка (сами на PHP писали).
Коротко о нем: запускается браузер, и работа ведется непосредственно с уже отрендеренной в браузере страницей. Так что обрабатываются и css, и $('#element').hide() всякие.
Плюс запуск «на поиграться посмотреть» достаточно прост, что не маловажно.

Answer 2

[yadaya]

Я бы:
1. Спарсил CSS на наличие :hidden, на выходе массив стилей скрывающих элементы.
2. Парсинг HTML включение только элементов с :hidden и имеющих стиль из массива CSS(п.1).

Парсинг уже чем кому удобней +)

Comments

[pixx]

Спасибо за ответ. Такой вариант я тоже рассматриваю, но есть ведь еще inline стили. А еще можно сделать шрифт и фон белым или размеры занулить, или дать бешеный отступ за край экрана. Вобщем не хочется писать эту фичу самому, поэтому и появился вопрос о красивом решении.

Answer 3

[Aquahawk]

Это невозможно в рамках поставленной задачи. Формулируйте задачу конкретнее. Т.к. от ширины экрана отображающего устройства видимость объектов изменется. Когда я писал антиспам для ворпресса я стандартную форму ввода двинул на 3000 пикселей влево, а не выставлял :hidden, т.к. некоторые боты парсят :hidden. С точки зрения юзера же не видно ни то ни другое. Другое дело если вам надо найти элементы которые никогда не могут быть показаны, это уже более реальная задача.

Comments

[pixx]

Ну, вообще, я так и написал: скрытые элементы (не видимые глазом пользователя). Т.е. я пытаюсь решить задачу в максимально обобщенном виде, на сколько это вообще реально. Сейчас рассматриваю вариант с использованием движка рендеринга вроде webkit для снятия скриншотов и поиска всех элементов по ним.

Answer 4

[nikel303]

Может так?
offsetHeight == 0? hidden: visible

Comments

[pixx]

К сожалению этот атрибут имеет значение undefined. Фишка в том, что без специальной примочки, все привычные в браузере средства проверки видимости не доступны. Собственно ищется примочка или аналогичное решение без node.js и jquery. Например на Си или Питоне.