161209
| | | | |

                           

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как обеспечить сайту кроссбраузерность

Вернуться к списку статей

AAA + -




Кроссбраузерность – это одинаковый показ вашего сайта в различных браузерах, таких как Firefox, IE, Opera, MSIE, Flock и другие. Обеспечение кроссбраузерности даёт не только большую популярность, но и возможность работать с вашим ресурсом большему числу людей.

Когда существовали всего несколько браузеров, сделать проект самостоятельно под них было довольно просто, но теперь, когда это число перевалило за десяток, одному человеку с этим не справится. В работе над сайтом теперь начинают помогать различные сервисы. Например, по поиску ошибок или показу вида дизайнов в различных браузерах.

Чтобы обеспечить кроссбраузерность, вам нужно будет сделать всего три шага, но только больших.

Шаг первый – анализ.

В Интернете есть хороший проект, помогающий искать ошибки на вашем сайте. Ресурс www.browsershots.org доступен любому пользователю. Его задача заключается в том, чтобы показать владельцу сайта его проект в скриншотах, сделанными в разных браузерах. Тем самым, программист получает полную картину тех ошибок, которые требуется устранить.

Из особенностей сервиса хочется выделить полную базу браузеров, которых примерно 80 штук. Если вы захотите, то, заполнив одну единственную графу, где требуется записать название сайта, получите скриншоты с изображением вашего сайта в 80 браузерах.

Сервис работает по такому принципу. Вы оставляете свой запрос. Команда сайта получает его и открывает ваш сайт в различных браузерах. Получившиеся картинки выводит на экран. В основном процедура проходит в течение одних суток, что весьма похвально для такого сервиса.

Шаг второй – нахождение ошибок.

После просмотра скриншотов можно будет увидеть некоторые недочёты или ошибки в дизайне. Для того чтобы не копаться в ваших скриптах, лучше всего скачать программу «Firebug», которая является бесплатным приложением к браузеру Firefox. Уникальность этого маленького дополнения заключается в том, что при его помощи вы сможете, водя мышкой по сайту, видеть, в какой строке чего не хватает.

Работает программа следующим образом. Внизу вашего браузера появляется окошко, где прописан весь код страницы. При наведении на любой из элементов дизайна, программа будет показывать код для этого элемента внизу экрана. Firebug очень удобен, когда нужно исправлять погрешности в дизайне.

Шаг третий – исправление ошибок

После анализа и нахождения ошибок лучше всего сразу же начать их исправлять. Лучше всего это делать при помощи программы Macromedia Dreamweaver. Она и понятная, и качественно написана в отличие от остальных.

Хочу сразу заострить ваше внимание на том, что программа Firebug не исправляет ошибки, а помогает указать их и подсказать, как их можно исправить. Исправления нужно уже будет вносить самостоятельно.

После того, как вы исправите ошибки или наймёте кого-нибудь, кто их будет исправлять, лучше всего сделать повторный запрос на Browsershots.org, чтобы убедиться, что все ошибки были исправлены, ведь вы могли что-то не заметить.

Итак, всего за три шага, которые можно сделать в течение одних суткок, вы сможете исправить ошибки на вашем сайте и обеспечить ему кроссбраузерность.


Источник: znaikak.ru
Автор:
Голосов: 10 Общая оценка: 2.8 Просмотров: 17296
Оцените эту статью:  
   Распечатать





Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.
08.07.2008 09:13 Юра (un4given#
4

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


Для того , чтобы оставить здесь комментарий, необходимо зарегистрироваться на сайте.






MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus


Samsung Galaxy Note7


Винисиус и Том — талисманы Олимпийских и Паралимпийских игр 2016 в Рио-де-Жанейро


Pokémon Go

 
 

Статьи сегодня:

Как легко сделать упаковочную бумагу для новогодних подарков?
Чем ближе новогодние праздники, тем мы все чаще ...
Как сэкономить, используя купоны и промокоды
Современные россияне даже в условиях кризиса ...
Как можно использовать бокалы для новогоднего декора?
Когда в доме остается несколько бокалов от набора, ...
Как украсить маникюр новогодними рисунками: две пошаговые инструкции
Зимние каникулы это идеальное время для экспериментов ...
Как легко сделать новогодний венок из живых веток?
К новогодним праздникам мы готовимся заранее. ...
Как подготовить и украсить шишки для новогоднего декора?
Основным элементом для новогоднего декора и ...
Как проходят крупнейшие музыкальные фестивали мира
Музыка – искусство, которое способно объединять ...
Как сделать пряничный домик на Новый год? Часть 2: Украшение глазурью и мастикой.
Новогодние праздники вспоминаются нам не только ...
Как улучшить внешний вид искусственной елки
Искусственная елка – отличная альтернатива ...
Как сделать устойчивую основу для новогодней елки?
Когда в доме появляется новогодняя елка, то ее ...

Смотрите также:

Как CSS помогает сайту?
Столько прекрасных сайтов в сети, вы видите всё разнообразие красок ...
Как не навредить своему сайту?
Открывая свой сайт нужно подумать не только о том, как его затем ...
Как подобрать красивый домен сайту
В момент создания сайта у людей всегда появляется ...



ВОПРОСЫ - ОТВЕТЫ


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

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

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.