Как использовать Firefox Devtools как функцию для аддонов Firefox?

Question

Например: я хочу увидеть, какие части HTML-кода соответствуют определенному элементу веб-сайта, я бы щелкнул правой кнопкой мыши по элементу и открыл inspect element, и devtools покажет мне выделенный соответствующий код. Как добиться аналогичного результата для аддонов Firefox, потому что, когда я щелкаю правой кнопкой мыши по расширению, такой опции inspect element нет.

Я также пытался использовать параметр inspect, который мы получаем, временно загружая аддон, но тем не менее он не показывает нам / не выделяет, какие части расширения относятся к соответствующему html-файлу. Есть ли способ сделать это?

Answer 1

В зависимости от типа расширения, можно проверить его содержимое с помощью Browser Toolbox .

Сначала необходимо активировать эту функцию, переключившись на DevTools 'Панель настроек и включение двух опций Включить браузер Chrome и наборы инструментов для отладки дополнений и Включить удаленную отладку .

После того, как они включены, вы можете открытьПанель инструментов браузера через меню Firefox> Веб-разработчик > Панель инструментов браузера или нажатием Ctrl + Alt + Shift + I или Cmd + Opt + Shift + I на Mac.

Эта панель инструментов имеет Инспектора, как обычный DevTools, который позволяет вам проверять хром браузера.

Сказав это, Инспектор, очевидно, не может проверять документы, размещенные во вложенных элементах <browser>, что имеет место длярасширения для самих DevTools, например.