Разработка веб-сайта для поддержки сценариев JavaScript и не поддержки
Хорошо, я знаю, что для вашего сайта важно нормально работать с отключенным JavaScript.
По моему мнению, один из способов начать думать о том, как создавать такие сайты, - это обнаруживать javascript на домашней странице и, если он не включен, перенаправить на другую версию сайта, которая не содержит код javascript и работает с чистым html (например, gmail).
Другой метод, который я имею в виду, это, например, подумать о X (кнопка закрытия) в диалоговом окне на веб-странице. Что, если нажатие X без вмешательства javascript приведет к отправке запроса на сервер, а на стороне сервера мы скрываем это диалоговое окно при следующем отображении страницы, а также привязываем функцию javascript к щелчку ссылки и в случае включенный javascript он мгновенно скроет диалог.
Что ты думаешь об этом? Как бы вы разработали веб-сайт для поддержки обоих?
6 ответов
Один из способов справиться с этим:
- Во-первых, создать сайт, без каких-либо JavaScript
- Затем, когда все работает, добавьте улучшения javascript, где это необходимо.
Таким образом, если JS отключен, "первая" версия сайта по-прежнему работает.
Естественно, вы можете делать то же самое с CSS - даже один " CSS Naked Day" каждый день показывает, как выглядят веб-сайты без CSS ^^
Один пример?
- У вас есть стандартная HTML-форма, которая отправляет данные на ваш сервер при отправке, и при повторном создании страницы сервером появляется сообщение типа "спасибо за подписку"
- Затем вы добавляете некоторые материалы JS + Ajax: вместо перезагрузки всей страницы при отправке формы вы делаете запрос Ajax, который только отправляет данные; и, в свою очередь, он отображает "спасибо за подписку" без перезагрузки страницы
В этом случае, если javascript отключен, первый "стандартный" способ все еще работает.
Это (часть) того, что называется прогрессивным улучшением
С точки зрения, не важно, чтобы ваш сайт работал с отключенным JavaScript. Люди, которые отключают JavaScript, - это люди, которые хотят взламывать ошибки на вашем сайте, они не заслуживают правильной навигации по нему. Не тратьте свои усилия с ними. Все знают, что Интернет невозможно использовать без JavaScript.
Единственная вещь, которую вы должны быть осторожны, это ваши формы: никогда не доверяйте фильтрам в JavaScript, всегда фильтруйте их снова на стороне сервера, ВСЕГДА!
Используйте Прогрессивное улучшение, изучите jquery, чтобы понять это. Это займет некоторое время, пока вы не обдумаете это. Например, ваша идея:
обнаружить javascript на домашней странице и, если он не включен, перенаправить на другую версию сайта, которая не содержит код javascript и работает с чистым html
Как бы вы обнаружили, если JavaScript отключен? не с javascript, явно...
вы думаете об обратном: самая базовая версия должна быть версией по умолчанию, а затем, если вы обнаружите более продвинутые возможности, вы можете использовать их.
Старайтесь избегать отдельных версий для разных боузеров / возможностей как можно дольше. Это так много работы, чтобы все версии были синхронизированы и обновлены.
Несколько хороших ресурсов для начала:
Лучший способ - разработать страницу, которая будет работать адекватно без JS. Затем добавьте блок