О некоторой оптимизации просмотра веб-страниц
на примере сайта iXBT.com
Quick-start
- найдите файл userContent.css, соответствующий вашему профилю >> подробнее >>- добавьте следующие две директивы: >> подробнее >>
A[HREF*="ixbt.com/cgi-bin"] IMG {display:none !important;}
EMBED[SRC*="ixbt.com/banner"] {display:none !important;}Данные директивы блокируют отображение (и, возможно, загрузку) изображений, не связанных с содержимым сайта.
Постоянный адрес статьи: http://slavakncc.narod.ru/
Данный текст предназначен для пользователей браузера Mozilla версии не ниже 1.3 для операционной системы Windows. Цель примера, приводимого ниже, - позволить постоянным посетителям сайта улучшить внешний вид его страниц путем запрещения показа анимированных и/или раздражающих картинок. Основная идея метода - использование каскадных стилей пользователя для переопределения свойств некоторых объектов таким образом, чтобы подавить их отображение.
Браузер читает стиль пользователя (файл с инструкциями на языке CSS) наряду со стилями, определенными на странице, и таким образом, директивы пользовательского стилевого файла используются для отображения загруженной страницы. Все объекты страницы имеют характерные особенности. Оказывается, возможностей языка CSS достаточно для обнаружения и удаления разнообразных объектов.
Файл стилей пользователя
В качестве имени стилевого файла пользователя браузер Mozilla использует имя "userContent.css". Браузер пытается загружать его из директории, соответствующей профилю пользователя. Например, для имени пользователя TheUser полное имя файла будет выглядеть подобно следующему:
F:\Program Files\mozilla.org\Mozilla\TheUser\mvwyewtz.slt\chrome\userContent.css
Когда пользователь создает новый профиль, браузер позволяет ему указать директорию, в которой будет находиться и стилевой файл. В качестве альтернативы, для определения этой локации вы можете воспользоваться поиском по диску шаблона "user*.css". Если стилевого файла пока нет, создайте его. Для проверки, что файл загружается в браузер и работает, добавьте (временно) строку:
BODY {background-color:green;}
Стилевой файл перечитывается каждый раз, когда вы запускаете браузер. Но он не перечитывается, когда вы открываете новое окно или заходите на другой вебсайт.
Изменение свойств объектов на странице
Так как наша задача - подавить показ баннеров, сначала необходимо определить их характерные признаки. Среди всего множества нам важны следующие функциональные признаки баннера:
- наличие картинки-ссылки
- ссылка ведет на специальный скрипт-обработчик на стороне сервера
- картинка загружается из специальной директории на стороне сервера
Для демонстрации метода мы будем использовать сайт www.ixbt.com. Для выяснения признаков объектов, подлежащих удалению, будем просматривать исходный текст страниц (Ctrl+U). Задача заключается в том, чтобы выделить баннеры среди всевозможных изображений и иллюстраций на флэше.
Характерными признаками баннеров на сайте iXBT на 20 сентября 2003 года являются:
- картинка-ссылка, перенаправляющая на скрипт в директории cgi-bin
- картинка загружается из специальной директории banner
Таким образом, нам надо запретить:
1. Показ всех картинок, которые являются ссылками и ведут в директорию cgi-bin. Все остальные картинки показывать можно.
2. Показ всех флэш-иллюстраций, загружаемых из директории banner. Весь остальной флэш показывать можно.
Нижеприведенный код решает обе задачи:
A[HREF*="ixbt.com/cgi-bin"] IMG {display:none !important;}
EMBED[SRC*="ixbt.com/banner"] {display:none !important;}
(Необходимое пояснение: выражение в квадратных скобках задает условие поиска, которое будет проверяться у выбранного объекта, в данном примере тэгов A или EMBED. Например, у тэга A проверяется атрибут HREF, содержит ли он подстроку ixbt.com/cgi-bin. Если содержит, то для тэга IMG внутри ссылки запрещается отображение - display:none.)
Другие настройки браузера, доступные через CSS
Путем манипулирования CSS вы можете добиться разнообразных интересных эффектов. Часть из этих возможностей браузера Mozilla описаны на ее сайте поддержки:
http://www.mozilla.org/unix/customizing.html
Нежелательные графические файлы с других сайтов
Те изображения, которые загружаются с других сайтов, в браузере Mozilla можно вырезать гораздо проще. Необходимо кликнуть правой кнопкой мыши на выбранную картинку и выбрать "Block Images from this Server" из выпадающего меню. К сожалению, флэш нельза запретить таким способом, для него вам придется пользоваться способом, описанным выше.
ENJOY!!!
|
|