В Firefox 50, какой URL-адрес chrome:// подходит для наложения и расширения главного окна DevTools?

Question

Ранее вы могли расширять / разрабатывать Firefox DevTools на chrome://devtools/content/framework/toolbox-options.xul с наложением.

Теперь это, кажется, больше не существует в Firefox 50. Панель инструментов разработчика показывает about:devtools-toolbox как URL. Я не уверен, что это за XUL URL. Что является подходящим chrome:// URL для расширения или рестайлинга Firefox DevTools?

Answer 1

Опции DevTools перенесены в chrome://devtools/content/framework/toolbox-options.xhtml в Firefox 48. Однако в состав DevTools входит много файлов. Без подробной информации о том, что вы хотите сделать, невозможно сказать, что это единственный файл, который вам нужно будет наложить или переопределить. Если вы ищете общий контейнер для контейнера панели инструментов DevTools, это chrome://devtools/content/framework/toolbox.xul,

Как обычно для определения подобных вещей, вы можете использовать дополнительный DOM Inspector. Я также устанавливаю расширение Element Inspector, которое позволяет открывать DOM Inspector на любом элементе с помощью Shift + щелчок правой кнопкой мыши. Вы также можете открыть DOM Inspector в строке меню->Tools->Web Developer->DOM Inspector.

Установив обе эти надстройки, можно легко узнать, какой URL-адрес для параметров DevTools: просто откройте DevTools, F12; отобразить параметры; затем откройте Dom Inspector, нажав Shift + правую кнопку мыши в опциях DevTools; затем в DOM Inspector выберите самый верхний <document> и переключитесь в представление объекта JavaScript. URL свойство будет отображать URL.

Я также считаю удобным распаковывать файлы omni.ja, которые поставляются с Firefox. Они расположены в [каталог установки Firefox] и [каталог установки Firefox] / browser /. До Firefox 48 он был также в [каталоге установки Firefox] / webapprt. Я обнаружил, что распаковка этих файлов облегчает изучение файлов и делает их легко доступными для получения копии при необходимости переопределения. Кроме того, вы можете посмотреть исходный код. Для DevTools они находятся в файле browser/omni.ja в каталоге chrome/devtools.

Официальные API

API DevTools:
DevTools API считается незавершенным. С помощью этого API можно добавлять вкладки / инструменты на панель DevTools, registerTool(toolDefinition) зарегистрировать тему, registerTheme(themeDefinition), так далее.

SDK дополнения dev/panel API позволяет добавить панель в панель инструментов DevTools.