Главная » Веб-разработка, Полезные ресурсы

Превращаем IE6 в нормальный браузер

21 Ноябрь 2008 просмотров 8 141 комментариев 24


Спонсор месяца:
Конкурс екологічних банерів – призовий фонд 500 грн


Что такое “нормальный” браузер для вебмастера? Это браузер, который, как минимум, понимает, что такое min-width, min-height, [atrr], корректно отображает PNG и не удивляется тегу abbr.

Чтобы заставить IE6 стать “нормальным” браузером, придумано уже масса JS-решений. Но действительно хороших, все же, не так много. Поэтому хочу предложить вам 2 JS скрипта, которыми пользуюсь сама.

Подарите настроение вашим близким! Эти великолепные букеты из роз растопят любое женское сердце!

Производство качественного пенобетона. Звоните по тел. в Москве: (495) 649-54-22.

Компания «Элит-Пласт» предлагает пенопласт и пенополистирол по низким ценам. Спешите утеплить свой дом к зиме!

Удивите вашу любимую! Закажите доставку цветов на дом.

Панели оператора Hakko Electronics: широкий выбор серий!

IE7.js JavaScript library

Как не трудно догадаться, этот скрипт превращает IE6 в IE7, т.е. позволяет работать в IE6 со всеми свойствами, поддерживаемыми IE7:

CSS селекторы:
parent > child
.multiple.classes
:hover
:first-child
[attr]
[attr="value"], [attr~="value"], [attr|="value"], [attr^="value"], [attr$="value"]
[attr*="value"]

CSS свойства:
Background-image – PNG alpha transparency (IE5.5+)
Background-attachment – Support fixed positioning
Position – Support fixed positioning
Margin – Support auto (IE5.x)
Cursor – Support pointer for IE5.x
Display – Convert list-item to block for IE5.x

HTML
img – PNG alpha transparency
abbr – Bug fixed

Скачать IE7.js JavaScript library
Размер – 71.1 KB

На мой взгляд, очень хороший скрипт – здесь собрано решение самых актуальных багов IE6. Кстати на домашней страничке скрипта есть еще и IE8.js, который позволяет работать с IE6-7, как с IE8.

И еще одна IE7 JS библиотека

превращающая IE5.5+ в IE7 и гораздо меньшая по весу! Содержит следующие возможности:

parent > child
adjacent + sibling
adjacent ~ sibling
[attr], [attr=«value»], [attr~=«value»] etc
.multiple.classes (fixes bug)
:hover, :active, :focus (for all elements)
:first-child, :last-child, only-child, nth-child, nth-last-child
:checked, :disabled, :enabled
:empty, :contains(), :not()
:before/:after/content:
:lang()

- overflow:visible
- min/max-width/height
- position:fixed

- поддержка импортированных стилей
- поддержка блочной модели
- корректная работа с элементами abbr, object
- стандартизирована работа с формами
- поддержка PNG прозрачности

Скачать IE7 JS
Размер – 11Кб

Знаете другие интересные решения? Делитесь :)

Комментариев 24 »

  • ]]>Михаил пишет: ]]>

    Эти JS-решения действительно замечательны, но нет ли у вас информации о том, на насколько сильно загруженных страницах заканчивается их применимость? В каком случае дополнительный функционал становится совсем не во благо, вешая браузер?

      Цитировать

  • ]]>Автор пишет: ]]>

    Возьмите к примеру сайт jquery.com. Там на каждой странице загружаются десятки скриптов…
    Думаю тут дело не в том, насколько загружена страница, а в том, что JS сам по себе клиентский язык и некоторые используемые им функции в различных сочетаниях могут работать не стабильно и просто загружать процессор.
    Если правильно подключить скрипт (настроить Last Modified, кеширование страниц и др.), то думаю 11 Кб кода никак не отразятся на загрузке вашей страницы. Это уже вопросы оптимизации страницы :) Масса информации об этом здесь

      Цитировать

  • ]]>Михаил пишет: ]]>

    Вообще-то я интересовался вопросом о применимости этих скриптов, добавляющих функционал к IE6, насколько мне известно, если навесить много сестринских селекторов и селексторов наследования, то IE6 начинает работать нестабильно. Объём же подключаемого файла не столь важен.

      Цитировать

  • ]]>Автор пишет: ]]>

    Подробных фактов об этом не знаю, но обязательно поищу. На самом деле, я думаю, что юзер, до сих пор использующий IE6, если заметит какие-то проблемы работы с браузером, то может хоть это заставит его обновиться :)

      Цитировать

  • ]]>Михаил пишет: ]]>

    Вся трагедия в том, что большинство пользователей IE6 не могут обновиться, потому что это их компьютер на работе. Об этом говорит хотя бы соотношение версий браузеров по будням и по выходным. А на работе обычно у пользователя нет прав для установки софта.

      Цитировать

  • ]]>Автор пишет: ]]>

    Тем более! Еще один довод для компаний, что пора сменить браузер. Это уже проблема компаний, если админу лень обойти 10-20 компов.

      Цитировать

  • ]]>Природа пишет: ]]>

    Лучший способ превратить IE6 в нормальный браузер – это поставит Firefox.

      Цитировать

  • ]]>Денис Судилковский пишет: ]]>

    Cпасибо за интересный пост, обязательно теперь будем использовать в своих проектах. Кстати, в Украине самый популярный браузер уже Опера (:

      Цитировать

  • ]]>Alexpts пишет: ]]>

    Классная вещь, я раньше часть проблем с помощью jQ решал ))

      Цитировать

  • ]]>Олег пишет: ]]>

    ИЕ ничем не поможешь. Всяк думающий меняет его на Фокс или хотя бы Оперу…

      Цитировать

  • ]]>Глеб пишет: ]]>

    Лиса рулит

      Цитировать

  • ]]>Astor пишет: ]]>

    Зачем делать то что уже сделано? Просто зайдите на сайт и скачайте себе браузер, а не собирайте его из чего попало :)

      Цитировать

  • ]]>перо павлина пишет: ]]>

    Тем более, что большинство отсталых юзеров все-равно будут пользоваться ie6 без плагинов всяких.

      Цитировать

  • ]]>Snowcore пишет: ]]>

    Вот разработали браузер, только проблем добавляющий всем…прямо начало для стишка получилось :)

      Цитировать

  • ]]>CSS Ninja пишет: ]]>

    Печальнее всего, что лично мне не удалось найти версию IE6, которая бы не вылетала бы лично у меня при использовании скриптов :(

      Цитировать

  • ]]>Веб-мастер пишет: ]]>

    ИЕ нужны кардинальные изменения до “нормального” браузера

      Цитировать

  • ]]>Хрюндель пишет: ]]>

    У меня такое ощущение две библиотеки описаные в статье являются одной и той же библиотекой просто проект переехал.. Или вы в линках что то перепутали.

      Цитировать

  • ]]>Шурко пишет: ]]>

    хм, спасибо за нтересные темы. как-то не думал, что можно всё в одном найти. обычно решаю проблемы с пнг, и как-то на тему остального не заморачивался. в общем попробую библиотеки
    ЗЫ – судя по коментам, часть людей вообще не понимает, что эта тема чисто для веб-страниц, а не надстройки для браузера, а часть других – отсталые, ну судя по тому, что только и советуют как перейти на другой браузер. Это я не в плане того, что он такой хороший,а в плане того, что нормальные людей итак сидят на чём-то нормальном, а для тех у кого.. ммм… ну там много причин всяких, то и нормальное отображение страниц им надо обеспечить тоже. Лазая по тырнету меня часто убивают подходы – а у меня в опере работает, так что ниипёт у кого что там и как. Тупняк)

      Цитировать

  • ]]>Narsul пишет: ]]>

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

      Цитировать

  • ]]>VK пишет: ]]>

    Спасибо. Возможно действительно когда-нибудь пригодится. Последнее время использовал iepngfix, надо будет попробовать и этот ie7.js, смущает правда достаточно приличный размер и действительно ли будет ли стабильно работать браузер, но не попробешь на конкретном коде – не узнаешь.

      Цитировать

  • ]]>Антон пишет: ]]>

    Не понимаю аргумент, мол, «люди сидят с работы». Им вроде там запрещено посещять развлекательные сайты, поэтому на «работников» не стоит ориентироваться.

      Цитировать

  • ]]>Игорь пишет: ]]>

    Куда эти скрипты сувать чтоб заработало?

      Цитировать

Комментарии

Добавьте ваш комментарий, или трекбэк с сайта. Вы также можете подписаться на комментарии к этой статье через RSS.

Вы можете использовать теги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Чтобы получить аватарку, зарегистрируйтесь на Gravatar.