Встановлюємо на ПК браузери: Google Chrome, Mozilla Firefox та IETester

Браузер — програма не лише для перегляду HTML сторінок

Ти помиляєшся якщо думаєш, що браузер — це програма, функціонал якої обмежений переглядом веб-сторінок в Мережі інтернет. Наприклад, такі браузери як Chrome і Firefox, для веб-розробника — це програмне середовище, без якого не можна обійтися при верстці HTML документів, а також при налагодженні скриптів написаних на тій чи іншій серверній мові програмування.

Браузери Google Chrome і Mozilla Firefox далеко не єдині інструменти веб-розробника, які він використовує в своїй практиці. При створенні кросбраузерної верстки сторінок з підтримкою стародавніх браузерів Internet Explorer (IE5, IE6, IE7, IE8 та ін.) потрібно використовувати емулятор — IETester. Це безкоштовна програма в якій можна перевірити як буде виглядати твій сайт в доісторичних браузерах Internet Explorer.

Навіщо потрібно ставити відразу два браузери: Chrome і Firefox

Чому одного недостатньо

Раджу встановити на комп'ютер відразу два браузери: Chrome та Firefox. Це підвищить рівень кросбраузерності, тобто якості верстки веб-сторінок. У кожному з цих браузерів є свої унікальні плюшки, які доповнюють один одного. Наприклад, якщо при складній верстці сторінок використовувати лише браузер Google Chrome, в такому випадку є всі шанси допустити помилки, які цей браузер пробачає веб-розробнику.

Тобто помилки верстки браузер фіксить замість тебе, отже, не показує їх на сторінці. І це дуже погано. Чому? Все просто. Якби існував лише браузер Google Chrome, на всі допущені помилки верстки можна було б закрити очі. Однак, крім Хрому існують такі браузери як Firefox, Opera, Internet Explorer та інші Яндекс-браузери які не вміють так спритно фіксити баги верстки.

Не потрібно забувати про старі браузери Internet Explorer

Отже, щоб твій сайт виглядав однаково на всіх сучасних браузерах, верстку потрібно перевіряти на кожному з них. Також слід перевірити як відображається твій сайт на старих браузерах IE. Адже не секрет, що до цих пір багато користувачів юзають доісторичні браузери. Тому слід оптимізувати верстку сайту під такі браузери, щоб не втрачати клієнтів і трафік. Для відлагодження верстки сайту з підтримкою старих браузерів IE, можна скористатися безкоштовним софтом — IETester.

Встановлюємо браузер Google Chrome

Відкриваємо "Ослик" і завантажуємо Хром

Браузер Internet Explorer веб-майстри жартівливо називають "Осликом". Єдине призначення "Ослика" — можливість зайти в інтернет для скачування та інсталяції повноцінного браузера. Однак, виходячи з даних статистики відвідувань мого сайту, багато користувачів не заморочуються встановленням нормального браузера, і юзають нещасного "Ослика".

Щоб використовувати на всі 100% сучасні технології створення сайтів, слід відкрити "Ослик" і, як мінімум, завантажити з Мережі браузер Chrome. Я не користуюся "Осликом", тому покажу приклад процесу установки браузера Хром на ньому ж. Різниці в інтерфейсі сторінок інсталятора скоріше за все не буде. Отже, вбиваємо з адресний рядок «www.google.com/intl/uk/chrome/», і переходимо на сторінку інсталятора браузера Chrome.

Завантажити Chrome

Після натискання великої синьої кнопки «Завантажити Chrome» з'явиться спливаюче вікно, в якому слід прочитати умови угоди, і, якщо все влаштовує, натиснути кнопку «Прийняти та встановити», див. скріншот вище і нижче.

Прийняти та встановити Chrome

Відразу ж після кліку почнеться завантаження файлу інсталятора Chrome з ім'ям «ChromeSetup.exe». У Хромі статус завантаження можна спостерігати в нижньому лівому куті вікна браузера. З "Осликом" не все так просто, і доведеться цей скачаний файл шукати в папці «Завантаження» або «Ctrl+J» — для швидкого виклику вікна зі скачаними файлами.

Запуск інсталятора ChromeSetup з браузеру

Щоб запустити щойно завантажений установник програми, достатньо клікнути по його ярлику в папці з файлами або безпосередньо у вікні браузера, див. скріншот вище.

Windows алерт відкрити цей файл

Як тільки ти клацнеш по ярлику установника, турботлива ОС Windows відразу ж виведе на твій монітор спливаюче вікно (алерт) з питанням: "Відкрити цей файл?".

Ти, уважно перевіривши видавця програмного забезпечення (Google Inc), погоджуєшся, натиснувши на кнопку «Виконати».

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

Встановлення браузера Chrome на ПК

Після підтвердження запуску додатку, почнеться завантаження файлів програми. Дочекавшись завершення завантаження, браузер Google Chrome буде встановлено на комп'ютер. Якщо будуть з'являтись якісь алерти для підтвердження, завжди сміливо тиснеш «Ok». Що ж, вітаю! Один з кращих браузерів встановлено на твоїй машині.

Встановлення браузера Mozilla Firefox

Відкриваємо Chrome і завантажуємо Firefox

Процедура встановлення браузера Mozilla Firefox нічим особливо не відрізняється від інсталяції Google Chrome. Як і в попередньому прикладі, вводимо в адресний рядок «www.mozilla.org/uk/firefox/», і відразу ж переходимо на сторінку інсталятора браузера Firefox.

Браузер Firefox завантажити зараз

На сторінці інсталятора сміливо тиснемо велику зелену кнопку «Завантажити зараз». Чекаємо пару секунд поки завантажиться файл установника. І в нижній панелі ліворуч натискаємо на ярлик інсталятора браузера — «Firefox Installer.exe», див. скрін нижче.

Запуск інсталятора Firefox Installer

Якщо минулого разу у спливаючому вікні Windows галочку не було знято, знову з'явиться алерт з питанням «Відкрити цей файл?». Знову ж таки, після перевірки видавця встановлюваного софту (Mozilla Corporation), сміливо натискаєш кнопку «Виконати».

Windows запитує чи варто відкривати цей файл

Після кліку по кнопці, з'явиться вікно інсталятора Firefox. Дочекавшись завантаження файлів, клацаєш по кнопках «Ok», які, можливо, будуть з'являтися в алертах або вікнах. Таким чином, встановлення браузеру Mozilla Firefox завершено.

Встановлення браузера Firefox на комп'ютер

Завантажуємо і встановлюємо IETester

Як знайти та завантажити програму

Щоб завантажити останню версію програми IETester, слід зайти на сайт розробника за цією адресою: «www.my-debugbar.com/wiki/IETester/HomePage». Офіційну сторінку також можна знайти в пошуку. Достатньо вбити пошуковий запит «ietester» в адресний рядок браузера, і перейти за цим посиланням, див. скріншот нижче.

Пошук програми IETester в інтернеті

Після завантаження сторінки, знаходимо зелену кнопку «Download IETester v0.5.4 (60MB)», і сміливо її натискаємо, див. скріншот нижче.

Завантаження Download IETester v0.5.4 з сайту розробника

Після кліку, зліва внизу браузерного вікна з'явиться вже нам знайомий блок завантажувача файлів, див. скрін нижче.

Запуск файлу інсталяції install-ietester-v0.5.4

Терпеливо чекаємо деякий час поки завантаження інсталяційного файлу з ім'ям «install-ietester-v0.5.4.exe» буде успішно завершено.

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

На картинці нижче, показано простий процес інсталяції програми IETester. Точно так само як і в попередніх двох прикладах, тут немає нічого складного. Просто клікаємо по виділених кнопках, які будуть з'являтися у вікнах інсталятора. Рівня знань "енікейщика" тут більш ніж достатньо.

Процес інсталяції програми IETester на ПК

Через кілька секунд програма IETester буде встановлена на комп'ютері. Після інсталяції програми, перезавантаження ОС Windows не потрібно. Вибрати відповідну тему обкладинки та мову інтерфейсу можна в панелі налаштувань. Все просто як два на два.

Розширення функціоналу браузерів

Використовуємо додатки та плагіни

Функціонал сучасних браузерів Google Chrome та Mozilla Firefox досить потужний, проте навіть його не завжди достатньо для веб-розробки і SEO оптимізації сторінок сайту. Практично кожен веб-майстер використовує сторонні додатки — плагіни, які значно розширюють дефолтний функціонал браузеру. Про деякі корисні розширення браузерів я вже розповідав в минулих матеріалах, і буду продовжувати їх описувати в майбутніх статтях.

Ось так, за кілька хвилин ми придбали незамінні інструменти веб-розробника, які нам знадобляться при створенні сайту та його SEO просуванні в Мережі інтернет. Щодо того, як використовувати весь потенціал браузерів Mozilla Firefox і Google Chrome я розповім в своїх майбутніх публікаціях. Тому, якщо тобі цікава ця тема, підписуйся на оновлення блогу на відповідній сторінці. Удачі!

Щоб зрозуміти наскільки ти в темі, пройди тест 👇
  • 100 секунд на проходження тестуRealCase

    Тест
  • 5 питань по тематиці сайту
  • 4 варіанти відповідей на кожен
Готовий(-а) перевірити рівень своїх знань?

  •  Тест пройдено 1 раз.
  • Останнє проходження: 14.10.2019 17:26

   
  
 
 
📚Не проґав!
💬Коментарі (Ще немає... твій буде першим)  
    • Ліміт 2000 символів
    • залишилось: