LinuxRSP.Ru. Все о Linux по-русски. Вещи, которые есть в Mozill'е, и которых не хватает в IE

Вещи, которые есть в Mozill'е, и которых не хватает в IE

Данный документ составлен по сообщениям Маньяка на форуме сайта. Если вы не являетесь пользователем Mozilla или FireFox и раздумываете, а не сменить ли свой основной инструмент работы в сети, то может быть нижеследующий материал поможет определиться с выбором. Да и уже состоявшимся пользователям упомянутых броузеров будет не лишним взглянуть - вдруг, что новое откроется...

1. Удобные select'ы.

Кто не знает, select - это элемент выбор значений.

В мозиллных браузерах, если select находится в фокусе, можно с клавиатуры начать набирать название элемента, и он сам к нему подкрутится. В IE это работает только для первой буквы. То есть, если в некотором select'е перечислены города и В нем начать набирать "Москва", то IE на второй же букве свалится на "Омск". Кроме того, в мозилле этот поиск еще и не зависит от регистра букв, а В IE надо набирать точно.

2. Уменьшение картинок.

В IE6 Появилась функция ужимания картинок под размер окна, когда она показывается отдельно, вне страницы. В мозилле и FireFox'е тоже такое есть (У первой включается в настройках appearance, у второго - Advanced). Также есть возможность переключать картинку из ужатой в полный размер и обратно.

Однако! У IE для этого надо навести на картинку мышку, подержать там с секунду. Тогда появится панелька в углу окна, на которую можно кликнуть. В Mozilla и FireFox достаточно просто щелкнуть мышкой по картинке. Фича перестает быть бесполезной :-)

3. Изменение размера шрифтов

В последнее время стало модно дизайнить веб-страницы мелким-мелким шрифтом и размер его задавать в пикселах - 8 Или 10. Такой шрифт для многих людей плохо читается или вообще не читается. Хуже всего то, что IE не умеет изменять размер таких шрифтов, несмотря на наличие соответствующей менюшки.

Mozilla же умеет изменять размер шрифтов на странице независимо от того, как они заданы автором. Для этого работаю Ctrl-"+"/Ctrl-"-", а также Ctrl-колесо мышки.

4. Запрет новых окон

Помимо блокировки popup-окошек, Mozilla и FireFox могут еще и вообще запретить ссылкам открываться в новом окне самостоятельно, оставляя выбор этого за пользователем, а не за авторами страниц (которые почему-то очень любят кормить пользователей новыми окнами, где это не к месту).

Для этого в about:config надо найти настройку browser.block.target_new_window и поставить ее в true.

5. Selection source

Теперь небольшая фишка для разработчиков (Они тоже люди). В мозилле и FireFox'е есть полезная штука: просмотр кода страницы вокруг выделенной области. Выделяете что-нибудь на странице, туда правой кнопкой и там - View selection source.

Очень полезно, когда надо найти код в середине страницы с кучей вложенных таблиц.

6. Контроль за скриптами

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

В Mozilla это делается в preferences, advanced, scripts & Plugins, в FireFox - Options, web features, advanced.

7. Find as you type

То есть, "поиск по мере набора". На первый взгляд странная фича, но на деле - Удобная. Находясь на любой странице, никуда не кликая и ничего не вызывая, можно начать набирать на клавиатуре буквы и браузер начнет искать и подсвечивать в тексте то, что набирается. Чтобы отменить поиск, нужно нажать esc или просто подождать 3 секунды.

По умолчанию Mozilla и FireFox делают такой поиск только по ссылок на странице, а не по всему тексту. В общем-то, это и сделано именно для клавиатурной навигации по ссылкам. Однако, лично я посчитал это неудобным и переключил фичу на поиск по всему тексту. В FireFox это в options, advanced, accessibility, снять галку "To search links only". В Mozilla это в preferences, advanced, keyboard navigation.

8. Bookmark keywords

На русский язык перевести затруднился :-).

В свойствах каждой закладки можно ей написать свой keyword - Ключевое слово. И если это слово написать в строке адреса и нажать enter, загрузится эта закладка. Например, на закладку в какое-нибудь
http://forums.shareaza.com/ forumdisplay.php?s=17e211e84ebed080beba5732e844146a& forumid=2
Можно поставить слово "shz", что набирать гораздо быстрее. Особенно полезно, когда иерархия закладок сложная и до какой-нибудь вложенной папки долго добираться.

Но это не самое интересное. Самое интересное, что эти keyword'ы могут работать с параметрами. Например, поищем что-нибудь в яндексе:

http://www.yandex.ru/yandsearch?text=%D2%E5%F1%F2&stype=www&nl=0

То, что написано после text= И до & - Это, очевидно, наш поисковый запрос. Забукмарким эту штуку (Ctrl+D), залезем в свойства закладки и заменим поисковый запрос на спецсимвол: %s :

http://www.yandex.ru/yandsearch?text=%s&type=www&nl=0

Теперь назначим ей keyword "ya" - И теперь любой поиск в яндексе можно вводить в строке адреса так:

ya то что ищем

Браузер перед вызовом букмарки подставит все, что идет после ya вместо %s.

Конечно, поиском дело не ограничивается. Я, например, пользуюсь такой штукой для переводчика lingvo. В закладке лежит
http://lingvo.yandex.ru/cgi-bin/lingvo.pl?text=%s,
а В качестве keyword'а - "l" (Маленькая эль). Любой перевод делается теперь как "l слово".

Кстати, эта фича в сочетании с описанным вчера поиском по набору делает работу с браузером с клавиатуры не таким уж и извращенным занятием. Если виктор забавин это читает, он должен оценить :-)

9. Скачивание не через temp

Когда вы скачиваете какой-нибудь файл Internet Explorer'ом, он всегда скачивается сначала в системну временную директорию. Это неудобно тем, что когда файл большой, то тратится ощутимое время на перенос его из temp'а в ту директорию, куда было сначала указано скачивать. Кроме того, на системном диске может, например, элементарно не хватать места, хотя скачивать вы указываете на другой диск, на котором места полно.

По умолчанию так ведут себя и Mozilla с FireFox'ом. Однако, их можно попросить так не делать. Для этого при скачивании достаточно не просто кликнуть на ссылку файла, а кликнуть на ней правой кнопкой и выбрать "Save target as..." ("Save link to disk..."). Тогда файл начнет скачиваться непосредственно в том место, куда указано.

10. Блокировка банеров

Банеры мало, кто любит. В Mozilla и FireFox есть встроенное средство защиты. В меню по правой кнопке есть "Block images from...", которая, собственно, блокирует картинки с указанного хоста. Обычно этого хватает, так как большинство банеров располагаются на серверах своих банерных сетей.

Также скажу, что в FireFox этот пункт меню чуть удобнее: там, в отличие от Mozilla пишется название хоста, с которого эта картинка.

11. Переключение стилей

Современные технологии позволяют отделить содержимое стринцы от ее дизайна и, таким образом, появляется возможность выдавать одну и ту же вещь "под разными соусами". Для того, чтобы это было видно, браузер должен уметь переключать стили страницы.

FireFox и Mozilla умеют. В первом для этого служит маленькая иконочка с цветными карандашами в левом нижнем углу окна, которая там появляется, если страница дает несколько стилей на выбор. В Mozilla это делается в меню view, use style.

Примеры таких страничек:
http://www.w3.org/Style/CSS/
http://weblogs.Mozillazine.org/hyatt/
http://www.daydreaminc.com/switcheroo.cfm

12. Заполнение форм

Это одна из тех вещей, которые появились в свое время в IE, но потом были реализованы в FireFox'е лучше. Речь идет о выпадающем списке ранее введенных значений при заполнении форм на вебе. Вот только IE запоминает этот список для каждого конкретного элемента _Каждой конкретной страницы_. FireFox же запоминает список для всех элементов, названных одинаково.

На практике это означает, что FireFox в подавляющем большинстве случаев, когда надо ввести на какой-нибудь даже новой странице имя или eMail, будет предлагать сохраненный список ранее введенных имен и eMail'ов.

Происходит эта магия благодаря тому, что в большинстве случаев разработчики, будучи людьми логичными, склонны называть такие поля "name" и "email". Хотя, конечно, если поле названо "Field_123.2", то вероятность того, что такое встречалось браузеру на других страницах раньше, близка к нулю :-). Но и в этом случае, на именно этой странице в следующий раз оно вспомнится.

13. Подстановка паролей

Помимо сохранения данных форм Mozilla и FireFox умеют хранить и введенные пароли. Причем, "вспоминает" браузер пароли тоже удобней, чем в IE. Когда вы попадаете на страницу, где нужно вставлять логин с паролем, они подставляются сразу же, не требуя для этого ввода первой буквы логина.

14. Javascript console

Сегодня снова для разработчиков... JavaScript console (Лежит в меню tools) показывает ошибки в скриптах на страницах. Сильно отличается от ошибок, которые показывает IE:
- Сразу показывает строчку кода
- По двойному щелчку открывает исходник на месте ошибки
- Главное: не врет с названиями файлов и номерами строк! (Последнее особенно плохо в IE, когда скрипт включен из внешнего файла.)

15. Заметание следов

Специально для параноиков! (В хорошем смысле этого слова).

По некоторым данным стирание своих собственных следов из IE не всегда удается без специальных средств:
http://ashitaka-san.home.comcast.net/yayrant/ieharmful.html

FireFox умеет одной кнопкой удалять все личные данные пользователя:
- Историю посещений
- Информацию из форм
- Пароли
- Историю закачек файлов
- Кукисы
- Кеш
Также умеет удалять и все по отдельности. Все это находится в tools, options, privacy.

Старая Mozilla тоже умеет все это удалять, но там это разбросано по интерфейсу: в окошке preferences и во всеразличных менеджерах, которые видны в меню tools.

16. Cookies

Mozilla и FireFox позволяют управляться с кукеcами о-о-очень подробно:
- Можно просматривать все кукесы и удалять ненужные, как временно, так и навсегда.
- Можно запрещать прием кукесов с определенных серверов.
- Можно запретить все кукесы, но разрешать прием с определенных серверов (Не уверен, что есть в мозилле)
- Можно ограничивать время жизни кукесов, которые сервера оставляют "Навсегда"
- Можно даже включить обучающийся режим, когда браузер будет спрашивать, что делать с каждым новым кукесом.
- И есть еще и такая штука, как P3P: некая "Оценка доверия" к сайтам, которая теоретически хранится на некоем авторитетном сервере и по ней браузер определяет, брать кукесы или нет. Эта штука давно поддержана и В IE, и В мозилле и В FireFox'е, но по сути она не работает :-)

17. Заголовоки страниц в подстановке адреса

Если начать набирать в адресной строке адрес, то все современные браузеры подсказывают адреса из ранее посещенных, подходящих под набранное. А вот Mozilla и FireFox помимо адресов показывают еще и заголовки страниц. Это удобно, например, на всеразличных веб-форумах, где адреса - Это длинные лохматые URL'ки, отличающиеся ID'шками сообщений, а вот по заголовкам как-раз можно их различать.

18. Иконки сайтов

Mozilla и fireFox показывают иконки сайтов не только, если сайт есть в закладках. Кроме того, форматом иконки не обязательно должен быть иконочный. Можно, например, сделать анимированную иконку GIF'ом, как это сделано, например здесь: http://MozillaNews.Org/ И здесь: http://Jim.PP.Ru/ :-)

19. Прозрачность PNG

Есть такой замечательный и уже давнишний формат картинок - PNG. Отличается он, помимо прочих интересных качеств, наличием переменной прозрачности. И вот как-раз ее умеют отображать мозиллные браузеры. С помощью этого можно добиваться интересных эффектов, как например полупрозрачное окошко настроек в нашем чате (http://Jim.PP.Ru/chat/) или плавное растворение текста, подтекающего при скроле под панельку вот здесь: http://weblogs.Mozillazine.org/hyatt/
Есть еще такая вот демка: http://www.Mozilla.org/start/1.0/demos/eagle-sun.html

Кроме того, самое очевидное применение этого эффекта: антиалиасинг краев картинок под любой фон. Как известно, GIF приходится алиасить в редакторе, расположив его на том же цвете, на котором он будет в реальности.

В IE все это недоступно.

20. userContent.css

Это файлик. Лежит он в директории chrome в профайле пользователя
(в случае windows2000/XP это что-то вроде
c:Documents and settingsИмяВиндовогоЮзераApplication dataPhoenixProfilesDefault......Chrome).
Файлик предназначен для cSS'ных правил для всех страниц, которые пользователь смотрит. А поскольку cSS - Штука исключительно мощная, в этом файлике можно много чего интересного себе напридумывать. Например:

С помощью такого вот правила:

a[href^="mailto:"]{Padding-left:16px; background:URL('Envelope.png') bottom left no-repeat;}

Ко всем почтовым ссылкам в интернете добавляется слева небольшой конвертик. Саму картинку (Envelope.png) надо положить в ту же директори с файлом, либо нарисовав ее, либо взяв мою:
http://jim.pp.ru/helps/internet/images/mozilla_env.png

Нехитро изменив это правило можно сделать тот же фокус для ссылок, открывающихся в новом окне:

a[target="_blank"],
a[target="_new"] {
Padding-left:16px;
Background:URL('NewWindow.png') bottom left no-repeat;
}

Или, например, вы хотите, чтобы во всех текстовых полях был моноширинной шрифт вместо стандартного mS sans serif:

input[type="text"] {Font-family:Monospace !Important;}

И всего такого можно напридумывать, сколько душе угодно. Можно даже банеры стандартных размеров резать. А если лень придумывать, то вот пара подборок:

http://www.squarefree.com/userstyles/
http://www.Mozilla.org/unix/customizing.html#userContent

21. Свойства элементов

У разных элементов в HTML есть много свойств, которые по умолчанию не показываются браузером: язык, целевой фрейм или окно ссылки, источник цитаты. FireFox и Mozilla умеют это показывать, если по элементу кликнуть правой кнопкой и найти там Properties.

Помимо HTML-ных свойств там показывается еще много интересного: размер картинок, размер файлы этой картинки.

Сейчас стал моден и развивается такая интересная штука, как XFN (http://gmpg.org/xfn). Это дополнение к обычным ссылкам: если ссылка идет на какого-то знакомого человека, то автор страницы может написать, в каких отношениях он с этим человеком (друг, коллега, супруг), встречались ли они раньше. Так вот, эти отношения тоже показываются в окошке properties. Посмотреть можно например здесь: http://www.meyerweb.com/, там справа список людей помеченный XFN firendly.

[продолжение следует?]