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

StronMaster · №9451

Здравствуйте!
Подскажите, как убрать все (или не все) toolbarseparator'ы, обычно через инструменты пишет ID, но тут его не нашел.
В контекстном меню были menuseparator, и добавление
menuseparator {display: none !important;} полностью их всех удаляло, с тулбарами это непрокатило

Ну или как искать их коды)

sandro79 · №9452

StronMaster пишет

Ну или как искать их коды

В параметрах инспектора выставляем галочки здесь, далее заходим сюда, в параметрах в открывшемся окне включаем "Отключить автоскрытие всплывающих окон" и ищем нужный сепаратор.
Или можно все скопом так:

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

Выделить код

Код:

toolbarseparator {
  display: none !important;
}

В вашем случае наверное так будет, делал по аналогии отсюда

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

Выделить код

Код:

#appMenu-fxa-status + toolbarseparator,
#appMenu-tp-separator,
#appMenu-zoom-controls + toolbarseparator,
#appMenu-edit-controls + toolbarseparator,
#appMenu-customize-button + toolbarseparator,
#appMenu-print-button + toolbarseparator,
#appMenu-help-button + toolbarseparator {
  display: none !important;
}

Отредактировано sandro79 (26-01-2021 10:25:25)

melkichelik · №9453

Интересует такой момент, можно ли как то добавить кнопки в mozilla с различными возможностями, в основном дублирующими контекстное меню, то есть, что бы не нажимать правая кнопка мыши и там выбирать, а просто добавить новую кнопку на панель и выполнить действие.
В mozilla уже есть такое (Настройка - Персонализация), но нужных кнопок мне нет, возможно можно как то добавить?
В частности меня интересует функция - выделить всё и просмотреть код страницы.

Отредактировано melkichelik (26-01-2021 11:26:51)

StronMaster · №9454

sandro79 пишет

В вашем случае наверное так будет

Да, разобрался, и всё заработало!!!)
Я случайно перед toolbarseparator ставил # и поэтому неробило))
Но теперь так-же знаю как убирать их не все, а поодиночке оставляя "нужные". Спасибо.

Отредактировано StronMaster (26-01-2021 12:45:18)

Vitaliy V. · №9455

melkichelik пишет

возможно можно как то добавить?

Да на форуме есть примеры с CustomizableUI.createWidget

melkichelik пишет

В частности меня интересует функция - выделить всё и просмотреть код страницы.

Выделить всё и просмотреть это в одной функции? Если нужно просмотреть полностью код страницы выделять ничего не нужно.

Отредактировано Vitaliy V. (26-01-2021 14:53:27)

melkichelik · №9456

Да на форуме есть примеры с CustomizableUI.createWidget

Мне не разбирающему в этом это мало о чём говорит, может у кого-то есть подобный код или дополнение?

Vitaliy V. пишет

Выделить всё и просмотреть это в одной функции? Если нужно просмотреть полностью код страницы выделять ничего не нужно.

Нет, я хотел бы создать 2-е кнопки, каждое действие отдельно.

Ну вот что-то нашел, но не понимаю то или нет.
https://forum.mozilla-russia.org/viewtopic.php?pid=763463#p763463

То есть это поместить в userChrome.css? Поместил но не работает, не понимаю как что-то делать.

Отредактировано melkichelik (26-01-2021 16:31:45)

Vitaliy V. · №9457

melkichelik
user_chrome_files

код для custom_script.js

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "ucf-select-all",
        label: "Выделить",
        tooltiptext: "Выделить всё",
        localized: false,
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onCreated(btn) {
            btn.setAttribute("image", "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><g><rect x='0' y='0' width='16' height='16' rx='1' ry='1' style='fill:rgb(0, 120, 173);'/><path style='fill:white;' d='M 2,1 C 2,1 1,1.02 1,2 V 3 H 3 V 1 Z M 5,1 V 3 H 7 V 1 Z M 9,1 V 3 H 11 V 1 Z M 13,1 V 3 H 15 V 2 C 15,1.02 14,1 14,1 Z M 4,4 V 6 H 9 V 4 Z M 1,5 V 7 H 3 V 5 Z M 13,5 V 7 H 15 V 5 Z M 5,7 V 9 H 10 V 7 Z M 1,9 V 11 H 3 V 9 Z M 13,9 V 11 H 15 V 9 Z M 7,9.96 V 12 H 12 V 9.96 Z M 1,13 V 14 C 1,15 2,15 2,15 H 3 V 13 Z M 5,13 V 15 H 7 V 13 Z M 9,13 V 15 H 11 V 13 Z M 13,13 V 15 H 14 C 14,15 15,15 15,14 V 13 Z'/></g></svg>");
        },
        onCommand(e) {
            e.view.goDoCommand("cmd_selectAll");
        }
    });
} catch(e) {}

try {
    CustomizableUI.createWidget({
        id: "ucf-view-source",
        label: "Код",
        tooltiptext: "Исходный код страницы",
        localized: false,
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onCreated(btn) {
            btn.setAttribute("image", "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><g><rect x='0' y='0' width='16' height='16' rx='1' ry='1' style='fill:rgb(0, 120, 173);'/><path style='fill:white;' d='M 9.32,1 5.82,14.8 6.68,15 10.2,1.22 Z M 4.72,3.62 1,8 4.72,12.4 6.25,11.7 3.04,8 6.25,4.25 Z M 11.3,3.62 9.75,4.25 12.9,8 9.75,11.7 11.3,12.4 15,8 Z'/></g></svg>");
        },
        onCommand(e) {
            var win = e.view;
            win.BrowserViewSource(win.gBrowser.selectedBrowser);
        }
    });
} catch(e) {}

чтобы найти другие кнопки вбейте CustomizableUI.createWidget в поиск по форуму

Отредактировано Vitaliy V. (13-08-2021 21:20:29)

melkichelik · №9458

Vitaliy V. пишет

код для custom_script.js

Большое спасибо, давно пытался найти подобное.

Отредактировано melkichelik (26-01-2021 18:03:22)

xrun1 · №9459

Есть у меня кнопка, которая по ЛКМ показывает/скрывает панель закладок. С [firefox] 85-й версии у параметра browser.toolbars.bookmarks.visibility теперь 3 значения: always - показывать панель закладок всегда, never - никогда не показывать, newtab (по умолчанию) - показывать панель закладок только в новой вкладке. Можно переделать кнопку так, чтобы по ЛКМ переключались значения always/newtab?

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-additional-personaltoolbar-button",
        type: "custom",
        tooltiptext: [
            "ЛКМ: Показать / Скрыть панель закладок",
            "СКМ: Показать / Скрыть обе панели",
            "ПКМ: Показать / Скрыть доп. панель"
        ].join("\n"),
        onBuild: function(document) {
            var toolbarbutton_0 = document.createXULElement("toolbarbutton");
            toolbarbutton_0.id = this.id;
            toolbarbutton_0.tooltipText = this.tooltiptext;
            toolbarbutton_0.label = "Показать Скрыть панели";
            toolbarbutton_0.setAttribute("context", false);
            toolbarbutton_0.addEventListener("click", function(event) {
                if (event.button == 0) {
                    CustomizableUI.setToolbarVisibility("PersonalToolbar", event.target.ownerDocument.querySelector("#PersonalToolbar").collapsed);
                }
                else if (event.button == 1) {
                    CustomizableUI.setToolbarVisibility("add-additional-top-bar", event.target.ownerDocument.querySelector("#add-additional-top-bar").collapsed);
                    CustomizableUI.setToolbarVisibility("PersonalToolbar", event.target.ownerDocument.querySelector("#PersonalToolbar").collapsed);
                }
                else if (event.button == 2) {
                    event.preventDefault();
                    event.stopPropagation();
                    CustomizableUI.setToolbarVisibility("add-additional-top-bar", event.target.ownerDocument.querySelector("#add-additional-top-bar").collapsed);
                }
            }, false);
            toolbarbutton_0.classList.add("toolbarbutton-1");
            toolbarbutton_0.classList.add("chromeclass-toolbar-additional");
            return toolbarbutton_0;
        }
    });
} catch(e) {}

Ну и раз уж я влез в тему, ещё вопрос по другой моей кнопке. Кстати, Vitaliy V., может добавить эту кнопку в Ваше расширение "Add Toolbar Buttons"?
ЛКМ - вкл/выкл звук в текущей вкладке, ПКМ - вкд/выкл звук во всех вкладках. Всё работает, но по ПКМ происходит выделение всех вкладок, а как снять его не знаю. Приходится тюкать мышкой по текущей вкладке. Можно это сделать автоматически?

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-sound-realtek-app",
        type: "custom",
        tooltiptext: [
            "ЛКМ: Переключить звук в текущей вкладке",
            "ПКМ: Переключить звук во всех вкладках"
        ].join("\n"),
        onBuild: function(document) {
            var toolbarbutton_0 = document.createXULElement("toolbarbutton");
            toolbarbutton_0.id = this.id;
            toolbarbutton_0.tooltipText = this.tooltiptext;
            toolbarbutton_0.label = "Переключить звук в текущей вкладке";
            toolbarbutton_0.setAttribute("context", false);
            toolbarbutton_0.addEventListener("click", function(event) {
                var win = event.target.ownerDocument.defaultView;
                if (event.button == 0) {
                    win.gBrowser.selectedTab.toggleMuteAudio();
                }
                if (event.button == 2) {
                    event.preventDefault();
                    event.stopPropagation();
                    win.gBrowser.selectAllTabs();
                    win.gBrowser.toggleMuteAudioOnMultiSelectedTabs(win.gBrowser.selectedTab);
                }
            }, false);
            toolbarbutton_0.classList.add("toolbarbutton-1");
            toolbarbutton_0.classList.add("chromeclass-toolbar-additional");
            return toolbarbutton_0;
        }
    });
} catch(e) {}

solombala · №9460

Vitaliy V.
При закрытии последней вкладки на urlbar-input-box такая шняга появляется ,как бордер...

Vitaliy V. · №9461

xrun1 пишет

Можно переделать кнопку так, чтобы по ЛКМ переключались значения always/newtab?

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-additional-personaltoolbar-button",
        type: "custom",
        label: "Панели",
        tooltiptext: [
            "ЛКМ: Показать / Скрыть панель закладок",
            "СКМ: Показать / Скрыть обе панели",
            "ПКМ: Показать / Скрыть доп. панель"
        ].join("\n"),
        localized: false,
        onBuild(doc) {
            var trbn = doc.createXULElement("toolbarbutton");
            trbn.id = this.id;
            trbn.tooltipText = this.tooltiptext;
            trbn.label = this.label;
            trbn.className = "toolbarbutton-1 chromeclass-toolbar-additional";
            trbn.setAttribute("context", false);
            trbn.setAttribute("image", "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 16 16'><g><rect x='0' y='0' width='16' height='16' rx='1' ry='1' style='fill:rgb(0, 120, 173);'/><path style='fill:white;' d='M 2.5,1 C 1.7,1 1,1.7 1,2.5 V 13.5 C 1,14.3 1.7,15 2.5,15 H 13.5 C 14.3,15 15,14.3 15,13.5 V 2.5 C 15,1.7 14.3,1 13.5,1 Z M 3,2 H 13 C 13.7,2 14,2.3 14,3 V 13 C 14,13.7 13.7,14 13,14 H 3 C 2.3,14 2,13.7 2,13 V 3 C 2,2.3 2.3,2 3,2 Z M 7.3,3.03 C 7.11,3.03 6.95,3.2 6.95,3.4 V 4.09 C 6.6,4.18 6.28,4.34 5.96,4.5 L 5.45,3.99 C 5.39,3.93 5.3,3.9 5.23,3.9 5.14,3.9 5.04,3.93 4.95,3.99 L 3.99,4.98 C 3.84,5.1 3.85,5.33 3.99,5.49 L 4.5,5.96 C 4.31,6.28 4.18,6.6 4.09,6.95 H 3.37 C 3.17,6.95 3.01,7.11 3.01,7.3 V 8.67 C 3.01,8.89 3.17,9.05 3.37,9.05 H 4.09 C 4.18,9.4 4.31,9.72 4.5,10 L 3.99,10.5 C 3.85,10.7 3.84,10.9 3.99,11 L 4.95,12 C 5.1,12.1 5.33,12.1 5.45,12 L 5.96,11.5 C 6.28,11.7 6.6,11.8 6.95,11.9 V 12.6 C 6.95,12.8 7.11,13 7.3,13 H 8.7 C 8.89,13 9.05,12.8 9.05,12.6 V 11.9 C 9.4,11.8 9.72,11.7 10,11.5 L 10.5,12 C 10.7,12.1 10.9,12.1 11.1,12 L 12,11 C 12.2,10.9 12.2,10.7 12,10.5 L 11.5,10 C 11.7,9.72 11.8,9.4 11.9,9.05 H 12.6 C 12.8,9.05 13,8.89 13,8.67 V 7.3 C 13,7.11 12.8,6.95 12.6,6.95 H 11.9 C 11.8,6.6 11.7,6.28 11.5,5.96 L 12,5.49 C 12.2,5.33 12.2,5.1 12,4.98 L 11.1,3.99 C 10.9,3.86 10.7,3.86 10.5,3.99 L 10,4.5 C 9.72,4.34 9.4,4.18 9.05,4.09 V 3.4 C 9.05,3.2 8.89,3.03 8.7,3.03 Z M 8,6.5 C 8.8,6.5 9.5,7.2 9.5,8 9.5,8.8 8.8,9.5 8,9.5 7.2,9.5 6.5,8.8 6.5,8 6.5,7.2 7.2,6.5 8,6.5 Z'/></g></svg>");
            trbn.addEventListener("click", function(e) {
                var pref = "browser.toolbars.bookmarks.visibility";
                if (e.button == 0) {
                    let newState = Services.prefs.getCharPref(pref, "") !== "always" ? "always" : "newtab";
                    Services.prefs.setCharPref(pref, newState);
                    CustomizableUI.setToolbarVisibility("PersonalToolbar", newState);
                } else if (e.button == 1) {
                    let newState = Services.prefs.getCharPref(pref, "") !== "always" ? "always" : "newtab";
                    Services.prefs.setCharPref(pref, newState);
                    CustomizableUI.setToolbarVisibility("PersonalToolbar", newState);
                    CustomizableUI.setToolbarVisibility("add-additional-top-bar", newState === "always");
                } else if (e.button == 2) {
                    e.preventDefault();
                    e.stopPropagation();
                    CustomizableUI.setToolbarVisibility("add-additional-top-bar", doc.querySelector("#add-additional-top-bar").collapsed);
                }
            }, false);
            return trbn;
        },
    });
} catch(e) {}

xrun1 пишет

ещё вопрос по другой моей кнопке. Кстати, Vitaliy V., может добавить эту кнопку в Ваше расширение "Add Toolbar Buttons"?

только недавно обновлял, теперь в следующий раз может добавлю, пока кнопка

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

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: "add-sound-realtek-app",
        type: "custom",
        label: "Переключить звук",
        tooltiptext: [
            "ЛКМ: Переключить звук в выделенных вкладках",
            "ПКМ: Переключить звук во всех вкладках"
        ].join("\n"),
        localized: false,
        onBuild(doc) {
            var trbn = doc.createXULElement("toolbarbutton"),
            win = doc.defaultView;
            trbn.id = this.id;
            trbn.tooltipText = this.tooltiptext;
            trbn.label = this.label;
            trbn.className = "toolbarbutton-1 chromeclass-toolbar-additional";
            trbn.setAttribute("context", false);
            trbn.setAttribute("image", "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><rect x='0' y='0' width='16' height='16' rx='1' ry='1' style='fill:rgb(0, 120, 173);'/><g style='fill:white;'><path d='M 7.5,1.5 5,4 3.5,4.01 C 2,4.02 1,5.5 1,6.98 V 9 C 1,10.5 2,12 3.5,12 H 5 L 7.5,14.5 C 8.4,15.3 9,15 9,14.5 V 1.5 C 9,1 8.3,0.7 7.5,1.5 Z'/><path d='M 10,3 C 9.3,3 9.3,4 10,4 12.2,4 14,5.8 14,8 14,10.2 12.2,12 10,12 9.3,12 9.3,13 10,13 12.8,13 15,10.8 15,8 15,5.2 12.8,3 10,3 Z'/><path d='M 13,8.02 C 13,6.3 11.7,5 10,5 9.3,5 9.3,6 10,6 11.1,6 12,6.9 12,8.04 12,9.1 11.1,10 10,10 9.3,10 9.3,11 10,11 11.7,11 13,9.7 13,8.02 Z'/></g></svg>");
            trbn.addEventListener("click", function(e) {
                if (e.button == 0) {
                    win.gBrowser.toggleMuteAudioOnMultiSelectedTabs(win.gBrowser.selectedTab);
                } else if (e.button == 2) {
                    e.preventDefault();
                    e.stopPropagation();
                    let tabsToToggle;
                    if (win.gBrowser.selectedTab.activeMediaBlocked) {
                        tabsToToggle = win.gBrowser.visibleTabs.filter(tab => tab.activeMediaBlocked || tab.linkedBrowser.audioMuted);
                    } else {
                        let tabMuted = win.gBrowser.selectedTab.linkedBrowser.audioMuted;
                        tabsToToggle = win.gBrowser.visibleTabs.filter(tab => (tab.linkedBrowser.audioMuted == tabMuted && !tab.activeMediaBlocked) || (tab.activeMediaBlocked && tabMuted));
                    }
                    for (let tab of tabsToToggle)
                        tab.toggleMuteAudio();
                }
            }, false);
            return trbn;
        },
    });
} catch(e) {}

Добавлено 27-01-2021 17:12:08
solombala
у меня нет такого, browser.css похоже правил, или др. стили...

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

Выделить код

Код:

#urlbar-input, #urlbar-scheme, .searchbar-textbox {
    border: none !important;
}

Отредактировано Vitaliy V. (27-01-2021 17:18:09)

solombala · №9462

Vitaliy V.
Не помогло...Буду искать..

melkichelik · №9463

Vitaliy V. пишет

код для custom_script.js

Такой вопрос, эта кнопка (выделить всё) работает если окно браузера активно, а если нет, то выделения не происходит, к примеру если клик ЛКМ происходит через Window.postMessage, можно ли как-то сделать так, что бы и в случае не активного окна, он работал?
Даже больше интересует выделить и сохранить, хотя с этим я разобрался, а вот что бы работало с не выделенным окном, это не знаю как.
Добавил

Выделить код

Код:

onCommand(e) {
            e.view.goDoCommand("cmd_selectAll");
            e.view.goDoCommand("cmd_copy");
        }

Отредактировано melkichelik (27-01-2021 20:05:40)

Vitaliy V. · №9464

melkichelik пишет

можно ли как-то сделать так, что бы и в случае не активного окна, он работал?

попробуйте фрейм скрипт использовать

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

Выделить код

Код:

onCommand(e) {
            var framescript = "data:application/javascript;charset=utf-8," + encodeURIComponent(`(() => {
                if (docShell.isCommandEnabled("cmd_selectAll")) {
                    docShell.doCommand("cmd_selectAll");
                    docShell.doCommand("cmd_copy");
                }
            })();`);
            e.view.gBrowser.selectedBrowser.messageManager.loadFrameScript(framescript, false);
        }

Отредактировано Vitaliy V. (28-01-2021 01:20:03)

xrun1 · №9465

Vitaliy V.
Спасибо, всё отлично!

melkichelik · №9466

Vitaliy V. пишет

melkichelik пишет
можно ли как-то сделать так, что бы и в случае не активного окна, он работал?
попробуйте фрейм скрипт использовать
скрытый текст
Выделить код
Код:
onCommand(e) {
            var framescript = "data:application/javascript;charset=utf-8," + encodeURIComponent(`(() => {
                if (docShell.isCommandEnabled("cmd_selectAll")) {
                    docShell.doCommand("cmd_selectAll");
                    docShell.doCommand("cmd_copy");
                }
            })();`);
            e.view.gBrowser.selectedBrowser.messageManager.loadFrameScript(framescript, false);
        }

Спасибо, всё работает.

solombala · №9467

Vitaliy V.
Вам есть что сказать за это?
https://forum.mozilla-russia.org/viewto … 30#p787730

Vitaliy V. · №9468

solombala
что сказать читай сам https://blog.mozilla.org/security/2021/ … n-firefox/
https://blog.cloudflare.com/encrypted-client-hello/

solombala · №9469

Vitaliy V.
Читается как "Война и Мир" ,жаль, французского маловато...Тест где?

Vitaliy V. · №9470

solombala
Да зачем он тебе, ещё сервера это не поддерживают, пока стандарт не утвердят и в [chrome] не сделают, те и не почешутся

solombala · №9471

Vitaliy V.
Что за порывы такие...Снег еще не выпал, так на фига сани запрягать?

Stkvsky · №9472

Подскажите пожалуйста
Можно ли указать определенную ширину вкладки для определенного сайта?
Ну например чтобы все вкладки ютуб были шириной 32px

Выделить код

Код:

@-moz-document domain("youtube.com")
{
	
/* FF Tab minimal browser tab width */
#TabsToolbar .tabbrowser-tab[fadein]:not([pinned]) {
    min-width: 32px !important;
    max-width: 32px !important;

}
}

solombala · №9473

Vitaliy V.
Как для этой страницы https://hdrezka-ag.com/ установить масштаб по умолчанию? Так - катит..
@-moz-document url(https://hdrezka-ag.com/) {
body, html {font-size: 12px !important; font-family: tahoma !important;}
}

MrX · №9474

Друзья, здравствуйте! А как восстановить нижнюю или вертикальную панель в 86 Бете? У меня user_chrome_files от Vitaliy V

Отредактировано MrX (30-01-2021 09:19:26)

Garalf · №9475

MrX
Попробуй установить последнюю версию user_chrome_files. У меня работает.

Отредактировано Garalf (01-02-2021 21:09:41)

Полезная информация

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

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

Код:

Код:

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

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

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

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

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

Код:

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

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

Код:

Код:

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

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

Код:

Код:

Код:

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

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

Код:

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

Код:

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

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

Код:

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

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

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

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

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

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

Код:

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

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

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

Board footer