@Mertas5 окт 2007 в 12:04

Определяем браузер. Самый необычный способ

1 мин

1.1K

Веб-разработка *

+51

Комментарии 51

@garvarg 5 окт 2007 в 12:44

Красиво.

@popotam2 5 окт 2007 в 12:47

ЖестЬ!

@dlinnbly 5 окт 2007 в 12:50

А как opera от linx отличить? А то совершенно одинаково написано.

@roTuKa 5 окт 2007 в 12:51

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

@geruway 5 окт 2007 в 12:51

видимо, второе объявление атрибута пропустит

@chx 5 окт 2007 в 12:52

не одинаково. Опера - первый правильный атрибут, линкс - последний правильный атрибут.

@dlinnbly 5 окт 2007 в 13:13

Спасибо

@koct9i 5 окт 2007 в 13:52

вывод — opera и lynx единсвенные правильные браузеры, остальные читают всякую муть =)

@chx 5 окт 2007 в 14:04

забавный вывод! Но как не согласиться?

@Kyller 6 окт 2007 в 12:21

Странная логика. Не правильные, а привередливые.
Чуть что не те символы в начале так уже ничего не может.

@i0ngunn3r 5 окт 2007 в 12:54

Может, дело в том, что Опера "читает" первое попавшееся значение name, а lynx - последнее?

@i0ngunn3r 5 окт 2007 в 12:55

Вот что бывает, если не обновлять страницу.. Извините))))

@melik 5 окт 2007 в 12:51

а я чет не понял как этим воспользоваться... может расскажет кто?

@roTuKa 5 окт 2007 в 12:51

alert(document.getElementById('browser').getAttribute('name'));

@sgnppv 5 окт 2007 в 12:55

ага, спасибо, я все понял :)

З.Ы. извините, ваш ник читается как "ротука"? ))

@roTuKa 5 окт 2007 в 12:59

"ротука" или "готика", в зависимости от обстоятельств и собеседника (-:

@diamant 5 окт 2007 в 14:14

ыыыы... роТиКа :)

@roTuKa 5 окт 2007 в 14:22

Я не знаю, о ком Вы.

@roTuKa 5 окт 2007 в 14:24

Я не знаю, о чём Вы.

@oleganza 5 окт 2007 в 15:17

Дурацкий ник притягивает дурацкие шутки :-) (можете меня забанить)

@roTuKa 5 окт 2007 в 15:21

Да, ваш ник — несомненно круче. (-:

@oleganza 5 окт 2007 в 15:31

Какой предсказуемый ответ! :-) Хотя, с таким ником-то ...

@melik 5 окт 2007 в 13:15

спасибо
а я чего-то не сообразил сразу :)

@feez 5 окт 2007 в 12:54

Лучше этим не пользоваться %) Красиво, конечно, но такие фокусы работают, пока эти различия не фиксят. Вообще использовать недокументированные возможности — это копать себе яму в недалеком будущем.

@Mertas 5 окт 2007 в 13:02

Полностью согласен. И без этого верстальщикам иногда приходится переписывать код из-за изменения движка рендера.

@chx 5 окт 2007 в 13:04

видимо это очень редкий случай.

@chx 5 окт 2007 в 13:03

кажется мне, что автор и не предлагает использовать такую экзотику в реальных проектах.

@diamant 5 окт 2007 в 14:15

может помочь в защите от глупых копипастеров

@GogA 5 окт 2007 в 12:58

<map
id="browser"
/''name="firefox"
/""name="sleipnir_gecko"
"name="safari"
""name="konqueror"
/name="ie"
name="opera"
name="lynx"
>
</map>
<script type="text/javascript">
function habr () {
alert (document.getElementById(browser).name);
}
</script>

<a href="#" onclick="habr();">habr</a>

@chx 5 окт 2007 в 12:59

только не надо таким пользоваться на практике :) Есть более простые способы.

@roTuKa 5 окт 2007 в 12:58

Хороший способ, красивый. Но подходит разве что для статистики. Для того, чтоб понять как реализуется та или иная фича в конкретном браузере лучше использовать уловки типа

if (element.createTextRange) {

  // реализация для IE с использованием createTextRange-компонентов

} else if (element.setSelectionRange) {

  // реализация для FireFox с использованием другой функции

} else {

  // функция не поддерживается

}

и им подобные (window.ActiveXObject, document.documentElement,..)

@ibnteo 6 окт 2007 в 19:34

На такие уловки когда-нибудь сам поймаешься. Добавят в IE версии 9.0 setSelectionRange, но работающее по другому.

Лучше использовать какую-либо библиотеку, которая, хоть даже таким методом, будет разбираться в браузерах. В будущем можно будет обновлять версию библиотеки, где такие трюки будут идти в ногу со временем (с будущими версиями браузеров).