Як перевірити сайт в різних браузерах в 2019 році - як відображається сайт в різних браузерах -

Етап перший, підготовчий

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

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

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

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

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

не прописано цю умову. Але головну неприємність верстальщику готує формат зображення .png. Транспарентний канал в коді цього файлу Новомосковскется усіма браузерами по-своєму, особливо в цьому процвітає ИЕ. Тому нерідко на місці красивих напівпрозорих картинок спостерігаються потворні сірі плями.

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

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

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