Настройка внешнего вида Firefox в userChrome.css

_zt · №14476

dinn
Так оно, как ни странно, работает для инструментов браузера из userChrome.css.

yup · №14477

beggrr пишет

Теперь бы еще скрыть в Инструментах браузера полоску с режимами, чтобы не занимала место.

В моём старичке такой полоски нет, поэтому с этим совсем уже затрудняюсь.

Для ковыряния в Инструментах браузера инструментов нет, остаётся изучать исходники.
Я бы залез FAR-ом в файл browser\omni.ja и запустил там поиск строки "Режим инструментов браузера" по всем файлам *.dtd;*.properties;*.ftl с использованием кодировки UTF-8.
Строка, которую найдёт, будет начинаться с какого-то идентификатора. Тогда запустить поиск этого идентификатора по файлам *.html;*.xhtml - и смотреть опознавательные признаки найденного элемента и его окружения.

beggrr · №14478

dinn пишет

beggrr пишет
Теперь в веб консоли, пока output не менее 270px в ширину, метки видно
При условии, что панель не откреплена и не сужается ее ширина.

Ну да.
Но у меня панель обычно закреплена внизу, поэтому оно меня устраивает.

Речь также шла, чтобы метки не скрывались и в инструментах брауза

Ну и не скрываются же. После того, как я добавил правило в userCrome.css

yup, попытаюсь сделать то, что вы написали
Вы пишете, что юзаете старую версию браузера. Я с удовольствием тоже бы сидел на старой, но все больше сайтов отказываются с ней работать.

dinn · №14479

_zt пишет

Так оно, как ни странно, работает для инструментов браузера из userChrome.css

Прекрасно, уже у двоих работает, а у меня нет. Может кто третий проверить?)

beggrr
.chrome-debug-toolbar отвечет за режим

_zt · №14480

beggrr

Выделить код

Код:

/* автоскрытие панели режимов в инструментах браузера, появление при наведении,
 * не работает с пространствами имен, можно использовать любой лаунчер для config.js */
.chrome-debug-toolbar {
	background-color: transparent !important;
	height: auto !important;
	min-height: 0px !important;
}
.chrome-debug-toolbar > * {
	visibility: collapse !important;
	transition-property: visibility !important;
	transition-delay: 2s !important;
	transition-timing-function: step-start !important;
}
.chrome-debug-toolbar:is(:hover) > * {
	visibility: visible !important;
	transition-delay: .2s !important;
}

Отредактировано _zt (26-05-2025 19:50:16)

beggrr · №14481

_zt
Я вот то, что сказано в комментарии, не понял. Что такое лаунчер, я не знаю.
Нет, по смыслу понятно, запускальщик. Но конкретно в этом случае - не знаю что это, где его взять и как использовать.

yup · №14482

beggrr

А если это в userChrome.css вставить?

dinn · №14483

beggrr
я тебя просил привести текущую реализацию из config.js, но это было проигнорировано и спущено в унитаз, поэтому будешь сам объединять, добавлять или удалять ненужное или оставлять, удаляя из css

скрытый текст

Выделить код

Код:

(async css => {
	var sss = Cc["@mozilla.org/content/style-sheet-service;1"]
		.getService(Ci.nsIStyleSheetService);
	var ios = Cc["@mozilla.org/network/io-service;1"]
		.getService(Ci.nsIIOService);
	var url = "data:text/css," + encodeURIComponent(css);
	sss.loadAndRegisterSheet(ios.newURI(url), sss.AGENT_SHEET);
})(`
  @-moz-document url-prefix("chrome://devtools"), url-prefix("chrome://browser/content") {
    @container console-output (width > 270px) {
      #app-wrapper .message > .timestamp {
        display: block !important;
      }
    }
  }

  @-moz-document url-prefix("chrome://devtools/content/framework") {
    .chrome-debug-toolbar {
      visibility: collapse;
      padding-block: 1px !important;
    }
  }
`);

beggrr · №14484

yup пишет

beggrr
А если это в userChrome.css вставить?

Не, не работает.

dinn пишет

beggrr
я тебя просил привести текущую реализацию из config.js, но это было проигнорировано и спущено в унитаз,

"привел бы свою текущую стилизацию с агент правами из config.js"
Это было не проигнорировано, а я даже не понял о чем речь, какие такие агент права?
Если имеется в виду содержимое config.js то вот оно, а насчет прав не знаю.

скрытый текст

Выделить код

Код:

// first line
(async css => {
	var sss = Cc["@mozilla.org/content/style-sheet-service;1"]
		.getService(Ci.nsIStyleSheetService);
	var ios = Cc["@mozilla.org/network/io-service;1"]
		.getService(Ci.nsIIOService);
	var url = "data:text/css," + encodeURIComponent(css);
	sss.loadAndRegisterSheet(ios.newURI(url), sss.AGENT_SHEET);
})(`\
:-moz-native-anonymous #measuring-tool-label-size {
	width: 128px !important;
	height: 86px !important;
	line-height: 1.2 !important;
}
:-moz-native-anonymous #measuring-tool-label-position {
        width: 65px !important;
        height: 59px !important;            
}
`);

_zt · №14485

скрытый текст

Выделить код

Код:

// first line
(async css => {
    var sss = Cc["@mozilla.org/content/style-sheet-service;1"]
        .getService(Ci.nsIStyleSheetService);
    var ios = Cc["@mozilla.org/network/io-service;1"]
        .getService(Ci.nsIIOService);
    var url = "data:text/css," + encodeURIComponent(css);
    sss.loadAndRegisterSheet(ios.newURI(url), sss.AGENT_SHEET);
})(`\
:-moz-native-anonymous #measuring-tool-label-size {
    width: 128px !important;
    height: 86px !important;
    line-height: 1.2 !important;
}
:-moz-native-anonymous #measuring-tool-label-position {
    width: 65px !important;
    height: 59px !important;
}
/* автоскрытие панели режимов в инструментах браузера, появление при наведении,
 * не работает с пространствами имен, можно использовать любой лаунчер для config.js */
.chrome-debug-toolbar {
    background-color: transparent !important;
    height: auto !important;
    min-height: 0px !important;
}
.chrome-debug-toolbar > * {
    visibility: collapse !important;
    transition-property: visibility !important;
    transition-delay: 2s !important;
    transition-timing-function: step-start !important;
}
.chrome-debug-toolbar:is(:hover) > * {
    visibility: visible !important;
    transition-delay: .2s !important;
}
`);

beggrr · №14486

Спасибо, _zt!
Скрыл я эту полоску с глаз долой.

Объявление

№1447626-05-2025 17:24:12

Re: Настройка внешнего вида Firefox в userChrome.css

№1447726-05-2025 17:45:25

Re: Настройка внешнего вида Firefox в userChrome.css

№1447826-05-2025 18:54:57

Re: Настройка внешнего вида Firefox в userChrome.css

№1447926-05-2025 19:03:52

Re: Настройка внешнего вида Firefox в userChrome.css

№1448026-05-2025 19:38:06

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

№1448126-05-2025 21:51:04

Re: Настройка внешнего вида Firefox в userChrome.css

№1448226-05-2025 21:57:09

Re: Настройка внешнего вида Firefox в userChrome.css

№1448326-05-2025 22:47:04

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

№1448427-05-2025 00:51:08

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

№1448527-05-2025 01:32:33

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

№1448627-05-2025 18:17:27

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer