Як попередньо переглянути свої веб-сторінки перед їх завантаженням
Багато людей не усвідомлюють, що коли ви створюєте веб-сторінку на своєму комп’ютері, вам не потрібно розміщувати її на веб-сервері, щоб переглянути її. Під час попереднього перегляду веб-сторінки на жорсткому диску всі пов’язані з браузером функції (наприклад, JavaScript, CSS та зображення) мають працювати точно так само, як і на вашому веб-сервері. Тому тестування веб-сторінок у веб-браузерах перед тим, як їх опублікувати, є хорошою ідеєю.
Створіть свою веб-сторінку та збережіть її на жорсткому диску.
Відкрийте свій веб-браузер, перейдіть до меню Файл і виберіть відчинено.
Перейдіть до файлу, який ви зберегли на жорсткому диску.
Проблеми з тестуванням
Під час тестування веб-сторінок на жорсткому диску, а не на веб-сервері, є кілька речей, які можуть піти не так. Переконайтеся, що ваші сторінки правильно налаштовані для тестування:
-
Використовуйте повні абсолютні шляхи для посилань. Ви можете використовувати шляхи, відносні до сторінок для ваших посилань, але найкращий спосіб перевірити посилання перед опублікуванням сторінки – використати повний шлях до сторінки, на яку ви посилаєтеся. Іншими словами, додайте доменне ім’я у свої посилання.
- Використовуйте для зображень шляхи, відносні до сторінок. Хоча ви можете використовувати повну URL-адресу для своїх зображень, якщо сторінка, яку ви тестуєте, нова, є ймовірність, що ваші зображення не завантажуються на сервер так само, як HTML. Використовуючи шляхи до зображень, які відносяться до поточної сторінки, вони відображатимуться, коли ви тестуєте файл на жорсткому диску.
- Перевірте шляхи до ваших зовнішніх файлів CSS і JavaScript. Немає хорошого емпіричного правила щодо використання URL-адрес повного або відносного шляху для скриптів і файлів CSS — це залежить від вашого сайту та того, що вам найкраще підходить. Натомість ви повинні переконатися, що файл, на який ви вказуєте, має найновішу інформацію. Наприклад, якщо ви опублікуєте URL-адресу повного шляху для свого CSS, вам потрібно буде завантажити цей файл на сервер під час тестування.
Обов’язково протестуйте в кількох браузерах
Перейшовши на свою сторінку в одному браузері, ви можете скопіювати URL-адресу з рядка розташування у браузері та вставити її в інші браузери на тому ж комп’ютері. Коли ми створюємо сайти на машинах Windows, перевіряємо сторінки в таких браузерах, перш ніж щось завантажувати:
- Internet Explorer
- Опера
- Firefox
- сафарі
- Chrome
Коли ви переконаєтеся, що сторінка виглядає правильно у браузерах, які є на вашому жорсткому диску, ви можете завантажити сторінку та знову перевірити її з веб-сервера. Після його завантаження вам слід підключитися до сторінки з іншими комп’ютерами та операційними системами або використовувати емулятор браузера, як-от BrowserCam, щоб провести ретельне тестування.