Як перевірити сайт в різних браузерах

Верстальник HTML повинен знати: ознакою професіоналізму є однакове відображення і функціонування сторінки сайту в будь-якому браузері, в крайньому випадку в «великої трійці», до якої відносяться браузери Internet Explorer, Opera, Mozilla Firefox. Процес перевірки правильності відображення сайту складається з трьох основних етапів.
перевірка веб сторінок в різних браузерах
Вам знадобиться
  • • Кілька встановлених на комп`ютер браузерів.
  • • Увага.
Інструкція
1
Етап перший, підготовчий

Процес підготовки полягає в скачуванні дистрибутива браузера і його інсталяції на комп`ютері. Будь-який процес інсталяції закінчується питанням: «зробити цей браузер включаються за замовчуванням?». Так от, основним, або включаються за замовчуванням, треба зробити той, який займає проміжну позицію за розміром можливих «косяків». З досвіду багатьох поколінь верстальників таким є браузер Opera.

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

2
Етап другий - візуальне порівняння


Візуально сторінки сайту в браузері можуть відрізнятися за трьома основними параметрами:

1. За величиною відступів і полів між елементами сторінки. Особливою витонченістю в обчисленні істинних величин властивостей padding і margin відрізняється IE.
2. Різні браузери по-різному відображають шрифти, навіть стандартні, такі як Arial і Times New Roman. Від цього найбільше страждають рядки пунктів меню, які можуть відображатися у два рядки або повністю переноситися на другий ряд.
3. Правильність відображення картинок. У найпростіших випадках деякі браузери, наприклад «Опера», не читають властивості vspace і hspase, прописані в атрибутах тега . Іноді картинки не центруються в осередках таблиці, якщо в атрибутах не прописано цю умову. Але головну неприємність верстальщику готує формат зображення .jpg. Транспарентний канал в коді цього файлу читається всіма браузерами по-своєму, особливо в цьому процвітає ИЕ. Тому нерідко на місці красивих напівпрозорих картинок спостерігаються потворні сірі плями.

3
Етап третій - перевірка функціоналу

На цьому етапі треба перевірити «випадають» пункти меню. В їх роботі не повинно спостерігатися ривків, вповільнень, а найголовніше - стрибка загального контенту сторінки при відкритті окремих пунктів меню. Те ж саме стосується текстових елементів сторінки, які розкриваються повністю при натисканні на кнопку або напис «більше».

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


Переглядів: 2876

Увага, тільки СЬОГОДНІ!