Простой способ определения браузера с помощью HTML + JS

Нашлось оригинальное решение, с помощью которого можно определить интернет-браузер, используемый веб-серфером. Способ работает в связке технологий HTML и JavaScript.

HTML-код:

<map

 id="browser"
 /''name="firefox"
 /""name="sleipnir_gecko"
 "name="safari"
 ""name="konqueror"
 /name="ie"
 name="opera"
 name="lynx"

>
</map>

JavaScript-код:

<script>
document.write( document.getElementById('browser').getAttribute('name'));
</script>

Насколько я понял, как раз за счет разного понимания браузерами параметра «name» и именно данной последовательности их написания и происходит идентификация и определение нужного браузера.

Тест

Ваш браузер —

P.S. Есть еще один простой способ определения браузера — с помощью только HTML + изображения. Методика схожая, только не требуется JavaScript и вместо тега <map> используется <img>.

* * *

Сеть магазинов «Элит Букет» осуществляет круглосуточную доставку цветов и букетов в городе Екатеринбурге. Всегда только свежие цветы. Любой удобный способ оплаты.

Комментарии (17)
  1. 1
    @

    Источник указан неправильно. Точнее его имя. Должно быть HedgerWow.

    P.s. http://rmcreative.ru/news/id/1191335532/ ;)

  2. 2

    Суть в том, что в источнике я указал не название сайта, а название статьи :).

    P.S. Информацию об этом способе я сначала узнал от тебя, а только потом от HedgerWow. Штука интересная, поэтому решил тоже написать ;).

  3. 3
    @

    Вообще у тебя оно выглядит и читается лучше, чем у HedgerWow ;)
    Эх, понять бы ещё как оно работает…

  4. 5
    Pashka R.

    На этом коде сломался даже code-highlighter :)

  5. 6

    Хм, за комплимент пасиба :). Лучше, наверное, потому, что с подсветкой синтаксиса и по-русски :)))))).

    А как работает — я же предположил выше. Каждый браузер по-разному интепретирует написание «name», соответственно «чужие» варианты пропускает, а «свой» как раз и выдает с помощью JS.

  6. 7

    Pashka R., ага :) это потому, что, по идее, параметы хтмл-тегов пишутся в строку, без переносов. А здесь так сделано для наглядности, и плагин подсветки этого не понимает.

  7. 8
    Pashka R.

    Dimox: Врядли из-за переносов — ведь первые три атрибута раскрасил правильно… код всё-таки не валидный… :)

  8. 9

    То, что не валидный — это и понятно, тут такая абракадабра… :)

    Подстветка «сломалась», наверное, по причине последнего. А переносы все-таки виноваты, потому что 2-я строка начитается с табулятором.

  9. 10
    art

    feedreader прикидывается ie значит!

  10. 11

    art, просто он использует движок IE.

  11. 12
    @

    А lynx у меня не определился :)
    там просто пустое место :)

  12. 13
    Макс

    Safari 3.1 (525.13.3) под Win не определился. navigator.userAgent говорит следующее:
    «Mozilla/5.0 (Windows; U; Windows NT 5.1; ru-RU) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13.3» Знач на ядре мозиллы.

  13. 14
    Анатолий
    @

    Можно теперь название вытащить в переменную php. Мне надо в зависемости от типа браузера, выполнять определенные действия. Подскажите как сделать плз?

  14. 15
    Дмитрий

    даже в SAFARI под виндой пишет
    Ваш браузер — firefox

  15. 16
    Julie

    А у меня и IE и Firefox пишут что это опера..