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

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

Коли існували всього кілька браузерів, зробити проект самостійно під них було досить просто, але тепер, коли це число перевалило за десяток, одній людині з цим не впорається. У роботі над сайтом тепер починають допомагати різні сервіси. Наприклад, з пошуку помилок або показу виду дизайнів в різних браузерах.

Щоб забезпечити кроссбраузерность, вам потрібно буде зробити всього три кроки, але тільки великих.

Крок перший – аналіз.

В Інтернеті є хороший проект, що допомагає шукати помилки на вашому сайті. Ресурс www.browsershots.org доступний будь-якому користувачеві. Його завдання полягає в тому, щоб показати власнику сайта його проект в скріншотах, зробленими в різних браузерах. Тим самим, програміст отримує повну картину тих помилок, які потрібно усунути.

З особливостей сервісу хочеться виділити повну базу браузерів, яких приблизно 80 штук. Якщо ви захочете, то, заповнивши одну єдину графу, де потрібна записати назву сайту, отримаєте скріншоти з зображенням вашого сайту в 80 браузерах.

Сервіс працює за таким принципом. Ви залишаєте свій запит. Команда сайту отримує його і відкриває ваш сайт в різних браузерах. Утворені картинки виводить на екран. В основному процедура проходить протягом однієї доби, що дуже похвально для такого сервісу.

Крок другий – знаходження помилок.

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

Працює програма таким чином. Внизу вашого браузера з’являється віконце, де прописаний весь код сторінки. При наведенні на будь-який з елементів дизайну, програма буде показувати код для цього елемента внизу екрану. Firebug дуже зручний, коли потрібно виправляти похибки в дизайні.

Крок третій – виправлення помилок

Після аналізу і знаходження помилок найкраще відразу ж почати їх виправляти. Найкраще це робити за допомогою програми Macromedia Dreamweaver. Вона і зрозуміла, і якісно написана на відміну від інших.

Хочу відразу загострити вашу увагу на тому, що програма Firebug не виправляє помилки, а допомагає вказати їх і підказати, як їх можна виправити. Версії треба вже буде вносити самостійно.

Після того, як ви виправите помилки або наймете когось, хто їх буде виправляти, найкраще зробити повторний запит на Browsershots.org, щоб переконатися, що всі помилки були виправлені, адже ви могли щось не помітити.

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

Коментування вимкнено .

  1. Юра коментує:

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