Как использовать Firebug для просмотра фактического содержимого таблицы после ее фильтрации?

Question

Например, после щелчка на 1-й ячейке таблицы на этом page, я проверяю html с View/Page Source с использованием Firefox, и я замечаю, что таблица, идентифицированная с помощью id="myTable", имеет все свои строки, хотя видны только некоторые строки из обычного режима просмотра браузера. Я не понимаю, почему есть разница?

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

Я пытаюсь понять структуру происходящего, потому что я хотел бы видеть, как сложно будет добавить код, чтобы после каждой фильтрации таблицы строк также происходило изменение отображения связанных связанных маркеров к видимым строкам на веб-карте (с использованием Google Maps Api).

Благодарим за ваше терпение!

Answer 1

Если вы щелкните правой кнопкой мыши по одной из ячеек, прежде чем она будет скрыта (например, Соединенные Штаты), и выберите «Осмотреть элемент» в контекстном меню, которое откроет HTML-код Firebug. Он содержит отображаемый HTML, а не необработанный HTML-код, отображаемый View Source.

Если после этого щелкните левой кнопкой мыши по первой ячейке, чтобы другие строки были скрыты, вы увидите HTML-код элемента, выделенного в окне HTML-файла firebug, на «display: none» для строки United States ,