Жизнь веб-разработчика была бы намного проще, если бы все пользовались одинаковыми браузерами. Это мечта, которая никогда не осуществится. С 6 основными браузерами, охватывающими огромную долю пользователей, и множеством небольших браузеров, сохраняющих свое собственное пространство на различных платформах, мы не можем разработать веб-страницу для какого-то конкретного браузера и оставить без внимания другие. Добавьте сюда еще и то, что пользователи приходят с мобильных устройств с различными размерами экрана и операционной системой, и вы получите действительно сложную проблему.
Кросс-браузерная совместимость гарантирует, что разработанная веб-страница будет выглядеть одинаково в каждом браузере на каждом устройстве. Поскольку база посетителей веб-сайта состоит из людей, использующих различные браузеры, ни один конкретный браузер не может быть оставлен без внимания. В следующей статье мы подробно рассмотрим создание веб-сайта с помощью Joomla, одной из самых используемых бесплатных CMS (систем управления контентом) после wordpress, позволяющей разработчикам создавать и управлять веб-сайтом динамически.
Тестирование Meteor — запуск тестов автоматизации в масштабе на вашем сайте Meteor в самом надежном облаке автоматизации тестирования.
Как создать приложение с помощью Joomla
Создать автономное приложение с помощью Joomla очень просто. Для этого не требуется глубоких знаний в области веб-разработки. Все, что вам нужно, — это среда с поддержкой PHP и доступ в интернет. Давайте пройдемся по процедуре шаг за шагом.
-
Скачайте платформу с GitHub ().
-
Платформа будет загружена в формате zip, распакуйте ее в вашей системе.
-
Создайте папку проекта и, используя предпочитаемый редактор, напишите код, который вы хотите видеть в своем приложении, и назовите файл в формате example.php.
-
Используя интерфейс командной строки, перейдите в папку и выполните приложение с помощью команды php example.php.
-
Вы только что создали свое первое приложение для платформы Joomla.
-
Для сложных приложений вам придется следовать той же процедуре, создавать отдельные компоненты и интегрировать их вместе, чтобы сформировать полноценное приложение.
Тестирование кросс-браузерной совместимости приложения Joomla
Настоящий вызов начинается после того, как ваше приложение готово. Вам необходимо помнить о мобильном подходе и протестировать приложение на популярных браузерах Android и iOS.
-
Запустите его на всех основных браузерах, таких как Chrome, Firefox, IE и Safari, и проверьте, отображается ли оно правильно, или происходят какие-либо сбои.
-
При тестировании на настольных компьютерах используйте инструмент разработчика и эмулируйте широко используемые разрешения настольных компьютеров, такие как 1024X768, 1920X1080, 2k, 4k и т.д.
-
Для тестирования мобильных браузеров можно использовать эмулятор или тестировать непосредственно на устройствах.
-
Независимо от того, насколько идеально разработано ваше приложение, как и все другие приложения, оно будет давать сбои либо в пользовательском интерфейсе, либо в функциональности в нескольких браузерах.
-
Отладьте CSS и попытайтесь выяснить, где происходит поломка. Для устранения проблемы используйте CSS для конкретного производителя или медиа-запрос для конкретного браузера.
-
Если в системе разработчика установлена старая версия Joomla, ее следует обновить, так как новая версия поддерживает все основные браузеры.
Также узнайте о тестировании Native Scripts — тестирование веб-сайтов на основе CSS-фреймворка Native Scripts в 3000+ различных настольных и мобильных браузерах.
Общие кросс-браузерные проблемы в Joomla
Независимо от того, насколько совершенен ваш шаблон Joomla, проблемы всегда будут присутствовать. Давайте обсудим несколько проблем, с которыми сталкиваются разработчики при работе над шаблоном Joomla, и как их устранить.
-
*Отзывчивость*- Поскольку на рынке почти каждый день появляются новые устройства, каждое со своим набором браузеров, невозможно, чтобы шаблон Joomla работал в каждом браузере или устройстве. Он определенно будет вызывать проблемы с отзывчивостью на одном или нескольких устройствах.
-
*Исправление*- Необходимо провести надлежащее тестирование устройств, особенно тех, которые чаще всего используются конечными пользователями. Любое нарушение отзывчивости шаблона можно исправить, написав соответствующие медиа-запросы.
-
*Поддержка браузеров *- Последняя версия, т.е. Joomla CMS 3.x поддерживает Chrome XY, Firefox 13, IE 8, Safari 5.1 и их более новые версии. Если конечный пользователь использует другие браузеры или более низкие версии поддерживаемых браузеров, шаблон может отображаться не так, как ожидается.
-
*Исправление*- Если используются новые теги стилей CSS3, которые не поддерживаются конкретным браузером, следует добавить префикс производителя. Если обнаружена ошибка «браузер не определен», это означает, что версия Joomla, установленная в системе, старая и не поддерживает новые браузеры. В этом случае рекомендуется перейти на последнюю версию.
-
*IE Bug *- Одним из основных браузеров, используемых в современном мире, является Internet Explorer. К сожалению, старые версии IE не поддерживают многие новейшие веб-технологии и некоторые новые стилевые теги. Если разработчику не повезет, он может обнаружить, что определенная функциональность или стиль не работает или вообще не отображается в целевой версии IE, которую может использовать конечный пользователь.
-
*Fix *- Если шаблон хорошо разработан, он должен содержать скрипты для оценки шаблона во всех браузерах. Но часто некоторые бесплатные шаблоны не содержат скриптов IE. Особенно если вы разрабатываете шаблон самостоятельно, есть небольшая вероятность, что вы могли его пропустить. В случае отсутствия IE скрипта, его можно получить из любого премиум шаблона или скопировать CSS исправление, проверив премиум шаблон с помощью инструментов разработчика.
Если вы хотите разместить большое количество контента и у вас очень мало времени на разработку полностью отзывчивого кросс-браузерного сайта, лучше выбрать платформу, предлагающую систему управления контентом. И если вам нужна платформа с открытым исходным кодом, предлагающая тысячи шаблонов, большинство из которых поддерживаются всеми устройствами и совместимы с браузерами, Joomla, очевидно, будет лучшим выбором для вас.
Проверьте Netlify Testing — тестирование ваших веб-сайтов Netlify в самом быстром облаке автоматизации. Запустите масштабные тесты автоматизации на вашем сайте Netlify в самом надежном облаке автоматизации тестирования.
Тестирование на кросс-браузерную совместимость
При всем этом тестирование на всех браузерах и версиях браузеров не так просто, особенно если у вас нет большого количества различных устройств в штате. Здесь на помощь может прийти LambdaTest. На LambdaTest вы получаете доступ к 1400+ браузерам и версиям браузеров, на которых вы можете протестировать свой сайт на кросс-браузерную совместимость. Приступайте!
Счастливого тестирования!