Разработка для Mozill'ы, по-русски

Настройка Mozilla "под себя"

В Mozilla и Mozilla Firefox есть три файла, предназначенные для настройки внешнего вида, отображения страниц и прочей "тонкой" подстройки. Эти файлы расположены в каталоге вашего текущего профиля.

Эти три файла: userChrome.css, userContent.css и user.js, рассмотрим их по раздельности.

Если вы ищете как корректно заставить Mozilla SeaMonkey/Firefox работать с русским языком, то можно сразу - сюда >>(там описанно как обьяснить Mozilla корректно работать с русским языком, если вам нужен полный перевов интерфейса версии 0.8 и выше - загляните на этот сайт )

На заметку: Как найти расположение каталога профиля:

Расположение этого каталога зависит от используемой операционной системы и от того, используете вы Mozilla или Mozilla FireFox. Вот сводная таблица, для разных операционных систем.
Операционная система Расположение
Windows 95/98/ME c:\windows\Application Data\Phoenix\Profiles\[Имя профиля]\[случайная строка].slt\
(c:\windows - не обязательно, если вы установили Windows в другой каталог, то поставьте вместо этого путь к нему)
Windows NT %UserProfile%\Application Data\Phoenix\Profiles\[Имя профиля]\[случайная строка].slt\
Windows 2000/XP %AppData%\Phoenix\Profiles\[Имя профиля]\[случайная строка].slt\
*NIX ~/.phoenix/[Имя профиля]/[случайная строка].slt/
Примечание:

  • Это расположение показано для Mozilla Firefox, для Mozilla - замените слово Phoenix на Mozilla.
  • Чтобы увидеть - куда ссылаются %UserProfile% и %AppData% - наберите в командной строке echo %UserProfile% или echo %AppData%
  • По умолчанию имя профиля Default User.

  • userChrome.css

    userChrome.css расположен в подкаталоге chrome вашего профиля. userChrome.css предназначен для стилей настройки внешнего вида Mozilla/Mozilla Firefox. В нём вы можете редактировать отображение основных элементов браузера, стили, создать свой собственный стиль Mozill'ы.

    Обратите внимание: userChrome.css не существует по умолчанию. После установки Mozilla/Firefox существует userChrome-example.css, содержащий пример этого файла, который вы можете переименовать в userChrome.css

    Вот что я использую в этом файле:

  • Обязательная строка, в любом месте файла:
  • /* set default namespace to XUL */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  • Скрываем ненужные пункты меню.
    Некоторые пункты в целях экономии места на экране (а места всегда не хватает!) можно скрыть:
    /* Удаляем пункты меню */
    menu[label="Edit"], 
    menu[label="Go"], 
    menu[label="Help"] {
        display: none !important;
    }
    
    Получаем :
    Вот так выглядит моя Mozilla Firefox В этом примере мы скрыли меню Go, Edit, Help. Всё, что есть в них, можно или сделать по правой клавише, во всплывающем меню(Cut, Paste) или часто вообще не нужны, а место мы освободили значительно.


  • Уменьшаем расстояние между иконками в Bookmarks toolbar.
    Я активно пользуюсь Bookmarks toolbar, и очень хотелось бы, чтобы оно вмещало как можно больше элементов. Разные Themes используют разные пробелы между пунктами, я предлагаю их убрать:
    /* Удалим пробелы в bookmark toolbar */
    toolbarbutton.bookmark-item {
        padding: 0px !important;
    }
    
  • В результате я получил вот такой внешний вид у Mozilla Firefox (используется схема Pinball):
    Вот так выглядит моя Mozilla Firefox
    Можно также сократить максимальную длину названия в bookmark toolbar:

    toolbarbutton.bookmark-item {
            max-width: 7em !important;
    }
    Можно убрать пункт из меню, возникающего по правой клавише мыши, если оно вас раздражает или переполнено (уберём например "set as wallpaper")
    #contentAreaContextMenu menuitem[id="context-setWallpaper"] {
            display:none !important;
    }
    Советы, взятые с texturizer.net:
  • Придание меню внешнего вида, подобного Windows XP:
    для этого добавим такие строчки:
    /* Make menus XP style */
    menupopup, popup {
       border: 1px solid ThreeDShadow !important;
       -moz-border-left-colors: ThreeDShadow !important;
       -moz-border-top-colors: ThreeDShadow !important;
       -moz-border-right-colors: ThreeDShadow !important;
       -moz-border-bottom-colors: ThreeDShadow !important;
       padding: 1px !important;
       background-color: Menu !important;
    }
    menubar > menu {
       border: 1px solid transparent !important;
       padding: 2px 5px 2px 7px !important;
       margin: 0 !important;
    }
    menubar > menu[_moz-menuactive="true"] {
       background-color : Highlight !important;
       color: HighlightText !important;
    }
  • Использование собсвенной фоновой картинки в тулбаре:
    /* Use a background image for the toolbars: 
       (установите вашу собственную картинку место background.gif) */  
    
     menubar, toolbox, toolbar, .tabbrowser-tabs { 
       background-image: url("background.gif") !important; 
       background-color: none !important; 
     }
    
  • Размещение Sidebar справа:
    window > hbox { 
       direction:rtl; 
    } 
    window > hbox > * { 
       direction:ltr; 
    }
    
  • Меняем ширину строки поиска:
    /* Меняем ширину строки поиска */ 
    #search-container { 
       -moz-box-flex: 400 !important; 
    }
    
  • userContent.css

    userContent.css расположен в подкаталоге chrome вашего профиля. Он предназначен для переопределения стилей страниц, которые загружаются в ваш браузер.

    Обратите внимание: userContent.css не существует по умолчанию. После установки Moziila/Firefox существует userContent-example.css, содержащий пример этого файла, который вы можете переименовать в userContent.css

    Моё содержимое этого файла:

    :link[target="_blank"], :visited[target="_blank"],
    :link[target="_new"],   :visited[target="_new"] {
    	text-decoration: overline !important;
    }
    Ссылки, открывающиеся в новом окне, выделяются линией сверху.
    Изображение внешней ссылки
    Можно назначить другой стиль, например, менять курсор над ними cursor: crosshair;
    *[height="60"][width="468"],  *[height="60px"][width="468px"],
    *[height="60"][width="234"],  *[height="60px"][width="234px"],
    *[height="600"][width="120"], *[height="600px"][width="120px"],
    *[height="600"][width="160"], *[height="600px"][width="160px"],
    *[height="120"][width="240"], *[height="120px"][width="240px"],
    *[height="150"][width="180"], *[height="150px"][width="180px"],
    *[height="300"][width="250"], *[height="300px"][width="250px"],
    *[height="336"][width="280"], *[height="336px"][width="280px"],
    *[height="400"][width="240"], *[height="400px"][width="240px"],
    *[height="250"][width="250"], *[height="250px"][width="250px"]
      {display: none;}
    
    Блокируются все элементы (картинки, флэш) совпадающие с типичными размерами рекламных банеров.

    user.js

    user.js расположен в каталоге вашего профиля. В нём устанавливаются разные свойства браузера. Часть из них описана в на сайте Mozdev. Все значения переменных могут быть изменены и через about:config в строке ввода адреса,есть только маленькая тонкость, тогда - когда вы создадите новый профиль или переустановите Mozilla или Firefox вам будет необходимо заново вводить все эти значения, при использовании user.js достаточно будет только перенести этот файл.

    Поддержка русского языка в Mozilla

    user_pref("intl.accept_languages", "ru, en, en-us");
    устанавливаем список предпочитаемых языков. На первом месте - русский, именно на основе этой строчки многие сайты определяют на каком языке с вами разговаривать (типичный пример Google).
    user_pref("intl.charset.default", "windows-1251");
    user_pref("intl.charsetmenu.browser.cache", "windows-1251");
    Кодировка по умолчанию.

    Запрещаем раздражающие элементы:

    user_pref("browser.block.target_new_window", true);
    Запретить окна, открывающиеся в новом окне ( target="_blank" ). Спорная настройка, возможно лучше использовать TBE или более простой аналог.
    user_pref("browser.blink_allowed", false);
    Запретили мерцающий текст.
    user_pref("image.animation_mode", "once");
    Приказали проигрывать анимационые gif один раз (возможны варианты: normal, once, none).
    user_pref("advanced.system.supportDDEExec", false);
    Использовать текущее окно при открытии ссылки внешним приложением.

    Поднимаем быстродействие в сети

    Количество одновременных соединений в Mozilla/Firefox ограничено достаточно малыми величинами, поэтому страницы, которые содержат много элементов, грузится медленно. Для увеличения скорости загрузки страниц рекомендуются настройки:
    Для модемного соединения:

    user_pref("network.http.max-connections", 64);
    user_pref("network.http.max-connections-per-server", 8);
    user_pref("network.http.max-persistent-connections-per-proxy", 20);
    user_pref("network.http.max-persistent-connections-per-server", 10);
    
    Для широкополосного подключения:
    user_pref("network.http.max-connections", 128);
    user_pref("network.http.max-connections-per-server", 48);
    user_pref("network.http.max-persistent-connections-per-proxy", 24);
    user_pref("network.http.max-persistent-connections-per-server", 12);
    
    На части страниц (новостные сайты или, например, на LiveJournal ) - значительное увеличение скорости загрузки.

    Изменим задержку перед началом прорисовки страницы (по умолчанию Mozilla и Firefox ждёт 250мс загрузки данных перед тем как начать прорисовку страницы). Не имеет смысл менять это значение если у вас очень плохая связь (хотя хуже тоже стать не должно)). Увеличивает нагрузку на процессор.

    // Initial Page Delay. Last value in milliseconds (default is 250)
    user_pref("nglayout.initialpaint.delay", 0);
    

    Настройки Кэша

    Можно увеличить размер кеша, расположенного в памяти, в старых версиях - 4096 кб, в новых (возможно?) изменяется динамически, в зависимости от количества памяти. Если много памяти, установка больших величин влияет на переход вперед-назад по истории.
    user_pref("browser.cache.memory.capacity", 65536); 
    Разрешить кешировать защищённые страницы ( если не боитесь, что кто-то будет лазить по вашему диску):
    user_pref("browser.cache.disk_cache_ssl", true); 
    Можно указать путь к каталогу с кэшем ( расположить его на более быстром диске )
    user_pref("browser.cache.disk.parent_directory", "e:\\temp\\cache"); 

    Настройка DNS

    Через сколько секунд устаревает информация в кэше:
    user_pref("network.dnsCacheExpiration", 3600); // 60 minutes 
    Сколько значений DNS хранить в кэше:
    user_pref("network.dnsCacheEntries", 500); 

    Поиск по мере ввода.

    Поиск по мере ввода - очень удобная и мощная функция Mozilla. По умолчанию, поиск происходит в ссылках. Для поиска в тексте страницы - необходимо нажать /. Чтобы поиск начинался сразу в тексте, можно применить такую настройку:
    user_pref("accessibility.typeaheadfind.linksonly", false);
    Время в миллисекундах, после которого поиск прекращается устанавливается так:
    user_pref("accessibility.typeaheadfind.timeout", 5000);
    Отключаем звук об ошибке:
    user_pref("accessibility.typeaheadfind.enablesound", false);
    или устанавливаем свой звук:
    user_pref("accessibility.typeaheadfind.soundURL", "filename");

    Разное

    user_pref("view_source.wrap_long_lines", true);
    Переносить длинные строки при показе исходного кода страницы.
    user_pref("browser.xul.error_pages.enabled", true);
    Показывать специальную страницу Mozill'ы с расшифровкой кода ошибки при невозможности загрузить страницу.
    user_pref("browser.throbber.url","http://electrocat.ru");
    Переходить на сайт при нажатии на throbber (это такая штука с иконкой мозиллы в правом верхнем углу :), которая показывает процесс загрузки страницы ). Жутко полезное свойство.
    user_pref("browser.bookmarks.file", "C:\\Bookmarks\\bookmarks.html");
    Где разместить файл с закладками.
    user_pref("plugin.expose_full_path", true); 
    Показывать полный путь к plugin в about:plugins

    Делимся :)

    У вас есть свои "тайные" настройки? :) Пришлите, поделитесь, а я с удовольствием размещу их здесь с указанием автора.

    Хотите помочь? Вы нашли ошибку или хотите сделать комментарий - пишите. Я рад любой помощи.


    ©Yegor Turin (electroCat.ru) 2004 year. All Rights Reserved.