Есть ли браузер, который показывает измененный javascript html как текст

Question

Я использую jQuery для динамического создания некоторого контента на веб-странице. Я использую Firefox для тестирования. Я могу просмотреть измененный html (т. Е. Html, который появляется после завершения функции $(document).ready) с помощью инструмента отладки инспектора, но этот инструмент отображает информацию как дерево, поэтому я не могу вырезать и вставлять его в виде текста. Использование опции «источник страницы просмотра» показывает html, однако он показывает оригинал html, а не окончательный модифицированный html. Есть ли браузер (или инструмент браузера), который будет отображать измененный html как текст?

Answer 1

В Firefox (или любом другом современном браузере) в этом живом представлении DOM в дереве вы упомянули («Элементы»), вы можете щелкнуть правой кнопкой мыши элементы и скопировать их (в виде текста) в буфер обмена.

В Firefox для Windows это щелчок правой кнопкой мыши, а затем выберите «Копировать внутренний HTML» или «Копировать внешний HTML». (Как ни странно, в Firefox для Linux это щелчок правой кнопкой мыши, копирование, а затем на нем есть подменю с внутренним HTML и внешним HTML). (Аналогично в других браузерах.)

Если вы хотите сделать некоторые изменения в текстовый редактор и вставить их в живую страницу, есть также параметры вставки; или есть опция редактирования, чтобы сделать это прямо там, на панели «Элементы» (хотя это полезно только для очень маленьких изменений).