Джумла и шапка

Опубликовано: 16.06.2017

видео Джумла и шапка

Текстовый редактор. Разрыв страницы в Joomla CMS (18/48)

От создателя: JavaScript – мощнейший язык, оживляющий веб-сайты, который присваивает им интерактивности. Но все это до того времени, пока вдруг мы не сталкиваемся с его отключением в браузере. В данной статье мы побеседуем про тег noscript.


Джумла и шапка

Юзеры отключают JavaScript по нескольким причинам. Они делают это из-за ограничений пропускной возможности сети, для продления срока жизни батареи телефона, может быть, из-за личных данных – люди не желают, чтоб аналитические скрипты наблюдали за ними. Некие даже устанавливают расширения типа NoScript для ограничения запуска JS в браузере. Довольно будет отметить тот факт, что при выключении JS многие веб-сайты и приложения теряют огромную часть функционала; если не стопроцентно перестают работать.


Расширенные параметры. Часть 1. Joomla CMS (25/48)

Разглядим примеры. Совет: В целях урока я буду использовать Quick JavaScript Switcher – полезное расширение для Chrome, при помощи которого можно стремительно включать и отключать JS.

Новый редактор постов веб-сайта WordPress.com сильно зависим от JS. На снимке экрана ниже вы сможете следить, что с отключенным JavaScript не считая как логотипа WordPress «W» на страничке больше ничего нет. Если представить, что большая часть юзеров WordPress не так отлично разбираются в технических вопросах, то они бы, наверняка, не сообразили, что происходит.

Trello – менеджер проектов, очень зависимый от JS. Но в отличие от WordPress.com Trello дает обычное предупреждение:

Facebook же к данному вопросу подходит еще больше оригинально. Веб-сайт указывает извещение, в каком говорится о дилемме, также предлагаются варианты действий: можно выйти либо обновить страничку. Также есть функция переключения на оптимизированную мобильную версию веб-сайта. Все это преподносится в зрительной манере Facebook.

Некие веб-сайт, такие как блоги либо новостные колонки, употребляют JS только отчасти. На веб-сайте NewYorkTimes, например, можно увидеть пару пустых областей, где JavaScript отключен. На снимке экрана ниже видно, что меж секций «Sections» и «Search» отсутствует иконка поиска.

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

То, какой фолбэк мы заложим в веб-сайт, очень находится в зависимости от того, как мы используем JavaScript на веб-сайте. Но тег noscript может понадобиться в почти всех случаях. Как надо из наименования, noscript можно использовать для отображения альтернативного контента. То, что находится снутри тегов , будет отображаться только при выключенном JS.

В качестве примера я сделал демо страничку. На данной страничке воспроизведен эффект размытой загрузки изображений, как на веб-сайте Medium. Изображения, как и эффект размытия, обрабатываются JavaScript’ом. Хороший вопрос, а что произойдет, если отключить JavaScript? Изображения не загрузятся.

Чтоб изображения показывались, мы можем завернуть их в тег noscript так же, как и их стили, в каких прописано размещение изображений.