От автора: спасибо, Господи, за то, что веб-браузеры постоянно обновляются. В течение стольких лет нам приходилось полагаться на пользователей, чтобы приложить усилия для загрузки новых версий по мере их выпуска. Но теперь даже Microsoft’s Edge присоединились к постоянному обновлению.
Это было не только гениально в плане безопасности, но и спасением для дизайнеров, которые хотят использовать новейшие функции CSS3.
Несомненно, это привело к тому, что многие из нас чувствовали себя комфортнее при использовании таких функций, как Flexbox , зная, что у большинства пользователей поддержка браузеров обеспечена благодаря своевременному обновлению, что уже помогает продвигать сетку CSS в производственных средах.
Но мы также знаем, что до сих пор есть пользователи, которые работают с более старым программным обеспечением.
Удивительно, но по данным NetMarketShare , Internet Explorer 11 по-прежнему занимает третье место в списке наиболее часто используемых браузеров за 2017 год.
IE 8 занял шестое место, в то время как IE 9 занял десятое место. На IE по-прежнему приходится около 13% использования десктопных устройств.
Несомненно, цифры не самые высокие, когда дело касается IE. Но они все же достаточно высоки, что нужно учитывать при создании нового веб-сайта. Вопрос в том, как мы продолжаем поддерживать старые браузеры при использовании новых функций? И, как далеко мы должны зайти в этом?
Застрял в прошлом
В идеальном мире дизайнеры хотели бы видеть, как Internet Explorer просто останется в истории. Похоже, что его кончина еще не скоро. Хотя более дешевые ПК и простое использование мобильного Интернета, указывают на то, что IE в конечном счёте уйдёт с доски. По крайней мере, это касается потребителя.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Корпорации по-прежнему используют более старые версии Windows, а это значит, что используется и IE. Edge доступен только для Windows 10. Поэтому, если крупные компании будут пользоваться Windows 7 или 8, IE останется выбором по умолчанию. Конечно, могут использоваться Chrome и Firefox, но это не обязательно означает, что пользователям в этих корпорациях разрешено устанавливать их.
Кое-кто опережает IE. Последняя версия Safari от Apple не будет работать на некоторых старых компьютерах Mac или iOS. Казалось бы, эффект здесь будет действовать на мобильный дизайн, так как есть еще несколько старых моделей iPhone. Safari является вторым наиболее широко используемым мобильным браузером.
Принимая это во внимание, нам нужно начать серьезно относиться к старым браузерам. Однако это не означает, что мы должны смущаться и избегать использования последних обновлённых функций.
Использование новейшего и крутейшего — с фолбэк поддержкой
Итак, как мы можем внедрять новые функции, сохраняя при этом проекты в старых браузерах? Когда дело доходит до CSS, использование вспомогательных методов может быть огромной помощью. В общем случае резерв — это код, который позволит устаревшему браузеру использовать приемлемую альтернативу тому, чего мы пытаемся достичь.
Например, если вы используете Flexbox, есть некоторые доступные префиксы браузера , которые позволят ограничить поддержку в более старых версиях Chrome, Safari, Firefox и IE. Не каждая функция CSS будет иметь этот тип резервного копирования, но обычно всегда есть способ обойти проблемы, с которыми вы сталкиваетесь.
Чем дальше вы идете в плане предоставления альтернативы, тем сложнее её получить. Но по мере тестирования различных версий браузера и устройства, вы можете проворачивать хитрости.
Ваша работа также может быть упрощена с помощью инструментов, типа Modernizr . Это скрипт, который обнаружит поддержку браузера для определенных функций и соответственно добавит класс CSS в body страницы. Затем вы можете использовать этот класс для предоставления альтернативных стилей, если функция не поддерживается в браузере пользователя.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Самое замечательное в том, что перед загрузкой скрипта можно выбрать, какие функции вы хотите найти. Например, вы можете выбрать такие функции, как canvas, HTML5 Audio / Video или даже emoji. Это позволяет сделать вещи максимально возможными, обеспечивая большую помощь в обеспечении обратной совместимости.
Насколько сильно может быть устаревшим браузер?
Мы знаем, что мы можем поддерживать устаревшие браузеры. Но как далеко мы можем зайти? Если вы спросите 100 разных дизайнеров, то получите 100 разных ответов. Это потому, что на самом деле не существует конкретного правила об обратной совместимости.
Лично я считаю, что часть уравнения должна быть о функциях, которые вы используете. Такие функции, как Flexbox или CSS Grid, которые влияют на макет, имеют жизненно важное значение для удобства использования веб-сайта. Поэтому важно предоставить какой-то резерв для старых систем. Такие вещи, как макет и навигация, следует рассматривать как «слишком крутые, чтобы потерпеть неудачу».
Когда дело доходит до предметов, которые больше подходят для эстетики, чем для функциональности, их часто можно оставить как есть. Если вы используете свойства CSS3, такие как тени и закругленные углы, вероятно, не стоит тратить время на предоставление альтернатив. Сайт должен быть таким же удобным для использования с ними или без них.
Если вы надеетесь выяснить, какая версия браузера должна служить точкой отсчёта, имеет смысл ссылаться на упомянутые выше номера использования. И если у вас есть данные этого типа для сайта, над которым вы работаете, еще лучше. Итак, если вы знаете, что на вашем сайте все еще есть посетители, которые используют IE8, то стоит убедиться, что они могут получить доступ к контенту.
Что касается моей собственной подпрограммы, то для IE8 она такая же, как я тестирую десктопные браузеры. Также я проверяю Safari 6 вместе со случайной версией Chrome и Firefox. На мобильном телефоне я обычно обращаюсь к устройствам Android 4.x и iOS 7. Конечно, ваши потребности и предпочтения могут отличаться.
Эволюция продолжается …
Вероятно, не удивительно, что старые браузеры все еще используются. Веб-дизайнеры уже много лет пробивают себе путь через эту проблему. Но ситуация намного лучше, чем в прошлом. Любой, кто имел дело с IE6, может это подтвердить.
Со временем мы увидим, как старые настольные и переносные компьютеры отправляются в корзину. И даже корпоративным пользователям придется в конечном итоге всё обновить. Поскольку современные браузеры постоянно обновляются, новые системы должны идти в ногу с развитием веб-дизайна.
Похоже, что более интересной задачей будет поддержка старых мобильных устройств. Хотя мы видим пользователей в непрерывном цикле обновления во многих областях мира, некоторые из них по-прежнему будут использовать устаревшее оборудование и программное обеспечение. Поэтому, возможно, наш резервный фокус будет больше двигаться к маленькому экрану.
- Независимо от всего этого, основное внимание должно быть сосредоточено на том, чтобы контент был доступен как можно большему числу людей.
- Eric Karkovack
- Источник: //speckyboy.com/
- Редакция: Команда webformyself.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Тестируем браузеры: сравнение Chrome, Firefox, Edge & Co
1 звезда 2 звезды 3 звезды 4 звезды 5 звезд
У Chrome появились достойные конкуренты? Они были всегда, вопрос лишь, который из них быстрее и удобнее. Мы провели всестороннее тестирование основных европейских игроков веб-доступа и готовы поделиться результатами «соревнования».
фото: компании-производители, CHIP.de
Тестовая лаборатория CHIP подвергла серьезным испытаниям 5 основных браузеров: Chrome, Firefox, Opera, Brave и Edge. Именно они занимают основной максимальный объем установок на компьютеры пользователей. Однако мы высоко ценим и другие разработки, такие как Яндекс.Бруазер, Vivaldi и atom (от Mail.
ru), где разработчики приложили много усилий для того, чтобы сделать серфинг в Сети максимально комфортным и быстрым. Наша пятерка лидеров привлекает передовыми разработками в отображении контента, хорошо оптимизированными под слабые компьютеры.
Итак, чем же удивили новые версии мировых браузеров?
Firefox вернулся
Mozilla Firefox еще два года назад был среди отстающих. Затем производители отважились на перезагрузку и практически переосмыслили браузер, выпустив Firefox Quantum.
До сих пор разработчики последовательно идут по этому пути и в 2020 году даже еще увеличили темп: каждые четыре недели появляется новая версия. Это хорошая стратегия, потому что сегодня недостаточно просто создать быстрый браузер — у пользователей появились более высокие требования.
Скорость работы по-прежнему является ключевой категорией для браузеров, здесь Firefox есть куда расти, но не менее важны безопасность и конфиденциальность.
Именно этим может похвастаться Firefox. Он был первым браузером, у которого в стандартный комплект была включена защита от отслеживания.
Почти в каждой новой версии она дорабатывается, поэтому браузер в настоящее время блокирует скрипты из социальных сетей, которые следят за пользователями, включая отслеживающие файлы cookie, крипто-майнеры, а также методы фингерпринтинга.
Защита работает не на 100% идеально, особенно в плане защиты от фингерпринтинга, но подводя итог, всё равно можем сказать, что браузер владеет хорошими средствами всесторонней защиты от отслеживания.
Уже давно знакомые сильные стороны Firefox — простое не перегруженное кнопками управление, высокая безопасность и очень хорошее оснащение всё также радуют пользователя.
Особенной любовью пользуется огромный выбор расширений. И что интересно, у Firefox были доработаны самые важные составляющие, например, был оптимизирован менеджер паролей.
Он не только управляет паролями, но и генерирует их, а также предупреждает об утечках данных.
Уникальный супербезопасный браузер Brave, как и многие другие протестированные браузеры, использует движок Chromium.
Преимущество состоит в том, что он работает так же быстро, как Chrome, и точно придерживается веб-стандартов.
Тем не менее, Brave выглядит хорошо не только в бенчмарках, но, прежде всего, в сфере безопасности и конфиденциальности. У него есть защита от отслеживания, а также приватный режим, который вполне оправдывает это имя.
Brave может открывать отдельные вкладки с подключением к сети Tor. Преимущество этого заключается в том, что пользователи могут заходить в Интернет анонимно вместе с другими, кто тоже использует Tor.
До сих пор для такой защиты приходилось устанавливать браузер Tor, в Brave достаточно одной вкладки.
Кроме того, особое внимание уделяется конфиденциальности, например, в Brave по умолчанию используется поисковая система DuckDuckGo.
Еще один положительный момент — Brave экономит оперативную память, он просто блокирует различный контент и быстро освобождает память.
Тем не менее, в тесте работы аккумулятора на ноутбуке он не показал особо убедительных результатов. Те, кто большую важность придают расширениям, могут использовать то, что предлагает Chrome.
В настоящее время функция синхронизации по-прежнему серьезно ограничена.
Без боя Chrome не сдается, в наших бенчмарках браузеры с аналогичной базой показывают не менее высокие скорости, но Chrome всё равно показал себя королем скорости во всех дисциплинах.
В Allround-Benchmark он получает наибольшее количество баллов, а также при обработке JavaScript он далеко впереди всех остальных протестированных браузеров.
В том числе при включении видеокарты или в плане быстрого реагирования, Chrome в настоящее время образец для всех остальных.
Safari — новый Internet Explorer?
Senior Programmer компании IT_One
Согласно статистике с сайта gs.statcounter.com, доля использования браузера Chrome в мире составляет 65%. Safari – чуть больше 18%. Остальных – 3% или меньше. Если посмотреть на эти же показатели в хронологии, видно, что Chrome не думает сдавать позиции. А остальные браузеры лишь пытаются сохранить статус-кво. Купертиновский браузер занимает второе место. Тогда почему же Safari называют новым Internet Explorer и пророчат забвение?
Ретроспектива
История современного веба началась с Маттиаса Эттриха, который начал разработку среды рабочего стола Kool (KDE) с открытым исходным кодом для Linux в 1996 году. После в рамках проекта KDE группа энтузиастов разработала KHTML — первый движок для браузера Konqueror.
Позже в 2002 году, когда Apple задумалась о собственном проприетарном браузере, было решено «форкнуть» (скопировать и переработать) исходный код KHTML. Так появился движок WebKit. А основанный на нём браузер назвали Safari.
Одновременно с этим на горизонте появился Internet Explorer. Как браузер по умолчанию в Windows, он оставался основным окном в интернет для огромного количества пользователей персональных компьютеров до 2015 года.
Какие браузеры поддерживают javascript
JavaScript был придуман Бренданом Эйхом (Brendan Eich) в 1995 году и стал стандартом ECMA в 1997 году. Официальное название стандарта — ECMA. А официальное названия языка — ECMAScript. С 2015 года версию языка ECMAScript называют по году (ECMAScript 2015).
Редакции ECMAScript
| 1 | ECMAScript 1 (1997) | Первая редакция. |
| 2 | ECMAScript 2 (1998) | Внесены редакционные правки. |
| 3 | ECMAScript 3 (1999) | Добавлены регулярные выражения. Добавлен оператор try/catch. |
| 4 | ECMAScript 4 | Никогда не выходил. |
| 5 | ECMAScript 5 (2009) | Добавлен «строгий режим». Добавлена поддержка JSON. Добавлен String.trim(). Добавлен Array.isArray(). Добавлены методы обхода элементов массива. |
| 5.1 | ECMAScript 5.1 (2011) | Внесены редакционные правки. |
| 6 | ECMAScript 2015 | Добавлены ключевые слова let и const. Добавлены значения параметров по умолчанию. Добавлен Array.find(). Добавлен Array.findIndex(). |
| 7 | ECMAScript 2016 | Добавлен оператор возведения в степень (**). Добавлен Array.prototype.includes. |
| 8 | ECMAScript 2017 | Добавлен «паддинг» строки (дополнение до нужной длины). Добавлены новые свойства объекта Object. Добавлены асинхронные функции. Добавлены разделяемая память и атомарные операции. |
| 9 | ECMAScript 2018 | Добавлены свойства rest / spread. Добавлены асинхронные итерации. Добавлен Promise.finally(). Добавления в объект RegExp. |
ECMAScript часто сокращается до ES.
Поддержка браузерами
ECMAScript 3 полностью поддерживается всеми браузерами.
ECMAScript 5 поддерживается всеми современными браузерами.
Поддержка браузерами ES5 (2009)
| Chrome | 23 | сентябрь 2012 |
| Firefox | 21 | апрель 2013 |
| IE | 9* | март 2011 |
| IE / Edge | 10 | сентябрь 2012 |
| Safari | 6 | июль 2012 |
| Opera | 15 | июль 2013 |
* Internet Explorer 9 не поддерживает директиву ECMAScript 5 «use strict».
Поддержка браузерами ES6 (2015)
| Chrome | 58 | апрель 2017 |
| Firefox | 54 | июнь 2017 |
| Edge | 14 | август 2016 |
| Safari | 10 | сентябрь 2016 |
| Opera | 55 | август 2017 |
Internet Explorer не поддерживает ECMAScript 2015.
Поддержка браузерами ES7 (2016)
| Chrome | 68 | май 2018 |
| Opera | 47 | июль 2018 |
JavaScript / ECMAScript
JavaScript был разработан для Netscape. Первым браузером, поддерживающим JavaScript, стал вышедший в 1996 году браузер Netscape 2. После Netscape компания Mozilla foundation продолжила разработку JavaScript для своих браузеров Firefox. Последняя версия JavaScript это 1.8.5 (идентична ECMAScript 5).
ECMAScript был разработан Ecma International после адаптации JavaScript. Первая редакция ECMAScript вышла в 1997 году.
Следующая таблица показывает, как соотносятся номера версий этих продуктов:
| 1996 | 1.0 | Netscape 2 |
| 1997 | ECMAScript 1 | IE 4 |
| 1998 | 1.3 | Netscape 4 |
| 1999 | ECMAScript 2 | IE 5 |
| 2000 | ECMAScript 3 | IE 5.5 |
| 2000 | 1.5 | Netscape 6 |
| 2000 | 1.5 | Firefox 1 |
| 2011 | ECMAScript 5 | IE 9 (за исключением «use strict») |
| 2011 | 1.8.5 | Firefox 4 (за исключением начальных нулей в parseInt) |
| 2012 | IE 10 | |
| 2012 | Chrome 23 | |
| 2012 | Safari 6 | |
| 2013 | Firefox 21 | |
| 2013 | Opera 15 | |
| 2015 | ECMAScript 2015 | Частично поддерживается всеми браузерами |
Internet Explorer 4 и Netscape 4.06 были первыми браузерами, которые стали поддерживать ECMAScript 1.
Internet Explorer 5 был первым браузером, который стал поддерживать ECMAScript 2.
Internet Explorer 5.5 и Netscape 6 были первыми браузерами, которые стали поддерживать ECMAScript 3.
Internet Explorer 9 и Firefox 3.5 были первыми браузерами, которые стали поддерживать ECMAScript 5. При этом IE 9 не поддерживает директиву ECMAScript 5 «use strict».
Chrome 23, IE 10 и Safari 6 были первыми браузерами с полной поддержкой ECMAScript 5.
Как включить поддержку JavaScript в веб-браузерах
JavaScript
Юзабилити веб-браузеров: выбираем лучший
Удобство использования любого программного продукта — главная задача его разработчиков. На рынке веб-браузеров юзабилити играет одну из ключевых ролей. Может ли браузер быть полностью удобным в эксплуатации? Какие факты на это влияют, и как обстоит с этим дело у лидеров рынка — Internet Explorer 8 , Firefox 3.5 и Opera 10? Ответы вы найдете в этой статье.
Веб-браузер является многофункциональным приложением, предназначение которого не ограничивается задачей качественно отображать HTML-код и изображения. Тем не менее, каким бы ни был обозреватель, его нельзя полностью перенастроить и кастомизировать.
Безусловно, при помощи плагинов и определенных технических знаний в нем можно что-то поменять, но произвести серьезную модернизацию не получится. Все известные браузеры — это всегда компромисс между функциональностью, безопасностью и удобством.
Пользователю остается лишь выбрать тот вариант, который будет оптимальным для его стиля работы в интернете.
Подавляющее большинство браузеров использует в своей основе лишь две разработки. Это Mosaic — наиболее известные его ветки развития Internet Explorer (движок Trident), Mozilla (движок Gecko) и WebKit — наиболее известные его ветки Safari, Chrome.
Особняком здесь стоят лишь Lynx (текстовый браузер) и Opera (движок Presto) — они были созданы с нуля и до сегодняшнего дня поддерживаются в актуальном состоянии. Все «альтернативные» браузеры так или иначе используют четыре указанных выше движка.
Например, Trident применяется мини-браузерами WinAmp и RealPlayer, а Gecko — FireFox, SeaMonkey, K-Meleon, почтовым клиентом Thunderbird.
Как оценить браузер?
Тесты на соответствие стандартам в очень большой степени стали «вещью в себе». Оценка соответствия стандартам ACID2/ACID3 совершенно не гарантирует, что браузер, получивший в тесте 100 баллов, не будет с ошибками отображать HTML-страницу, написанную в соответствии со стандартами W3C. Оценка производительности JavaScript SunSpider является синтетическим тестом.
Оценка безопасности браузера ScanIt использует лишь небольшой набор потенциальных уязвимостей самого браузера, однако более половины случаев инфицирования системы через браузер происходит через устаревшие версии расширений для PDF и флеш.
Поэтому представляется корректным подходить к оценке удобства и функциональности обозревателей с точки зрения движка, на базе которого он построен.
Сравнение наиболее распространенных браузеров
| Браузер | Chrome 4 | ChromePlus 1.2 | Internet Explorer 8 | FireFox 3.5 | Flock 2.5 | K-Meleon 1.5 Pro | Netscape 9 | Opera 10 | Safari 4 | SeaMonkey 2.0 |
| Дистрибутив | 11.2Мб | 12Мб | 16.2Мб | 7.7Мб | 11.3Мб | 6.5Мб | 5.8Мб | 8.7Мб | 27.2Мб | 9.1Мб |
| Движок | WebKit | WebKit | Trident | Gecko | Gecko | Gecko | Gecko | Presto | WebKit | Gecko |
| Windows 98 | — | — | — | — | — | + | + | — | — | + |
| Windows 2000 | — | — | — | + | + | + | + | + | — | + |
| Windows Me | — | — | — | — | — | + | + | — | — | + |
| Windows XP | + | + | +* | + | + | + | + | + | + | + |
| Windows Vista | + | + | + | + | + | + | + | + | + | + |
| Windows 7 | + | + | + | + | + | + | + | + | + | + |
| язык | рус | рус* | рус | рус | рус* | рус | англ. | рус | рус | рус* |
| Вкладка-процесс | да | да | да | нет | Нет | нет | нет | нет | нет | нет |
| Acid2 test | 100 | 100 | 100 | 100 | 50 | 50 | 50 | 100 | 100 | 50 |
| Acid3 test | 100 | 100 | 12 | 93 | 53 | 51 | 52 | 100 | 100 | 53 |
| SunSpider JavaScript Benchmark | 3.8 сек | 3.5 сек | 22 сек | 5.1 сек | 92 сек | сбой | сбой | 15 сек | 5.1 сек | 74 сек |
рус* — русификация имеется не во всех версиях. +* — необходимо установить отдельную версию для указанной операционной системы
Загрузка...
