Как выделить div в Firefox?

Question

Есть ли способ, чтобы Firefox отображал только данный элемент на странице, скрывая все остальное?

В идеале я хотел бы выделить элемент (например, div) в консоли (параметр меню « Проверить элемент»), а затем использовать команду или расширение, чтобы отобразить только этот элемент (со стилями, сценариями и т.д. Со страницы, которые все еще применяются) ,

Я знаю, что printwhatyoulike.com делает что-то похожее, но у него были проблемы со скриптами на странице, а также с изменением форматирования, поэтому он мне не подходит.

Answer 1

Оказывается, вы можете сделать это в простом Firefox:

1. Перейдите к элементу, который вы хотите
2. Щелкните правой кнопкой мыши на элементе, выберите "Проверить элемент". Это поднимает консоль разработчика.
3. Соответствующий HTML-элемент уже должен быть выбран для вас, но вы можете просмотреть источник, чтобы захватить именно ту область, которую вы хотите - обычно на несколько уровней выше, и сделать ее проще благодаря выделению.
4. Щелкните правой кнопкой мыши на элементе в источнике HTML и выберите "Элемент скриншота".