Как предварительно просмотреть свои веб-страницы перед их загрузкой
Многие люди не понимают, что когда вы создаете веб-страницу на своем компьютере, вам не нужно публиковать ее на веб-сервере, чтобы просмотреть. При предварительном просмотре веб-страницы на жестком диске все функции, связанные с браузером (например, JavaScript, CSS и изображения), должны работать точно так же, как на вашем веб-сервере. Так что протестировать свои веб-страницы в веб-браузерах перед их запуском - хорошая идея.
Создайте свою веб-страницу и сохраните ее на жестком диске.
Откройте свой веб-браузер, перейдите в меню «Файл» и выберите Открытым.
Найдите файл, который вы сохранили на жестком диске.
Проблемы при тестировании
Есть несколько вещей, которые могут пойти не так при тестировании ваших веб-страниц на жестком диске, а не на веб-сервере. Убедитесь, что ваши страницы правильно настроены для тестирования:
-
Используйте для ссылок полностью определенные абсолютные пути. Вы можете использовать пути относительно страницы для ваших ссылок, но лучший способ проверить ссылки до того, как страница станет активной, - это использовать полный путь к странице, на которую вы ссылаетесь. Другими словами, включите доменное имя в свои ссылки.
- Используйте для изображений пути, относящиеся к страницам. Хотя вы можете использовать полный URL-адрес для своих изображений, если тестируемая страница является новой, то есть вероятность, что ваши изображения не загружаются на сервер больше, чем HTML. Используя пути к изображениям, относящиеся к текущей странице, они будут отображаться при тестировании файла на жестком диске.
- Проверьте пути к вашим внешним файлам CSS и JavaScript. Не существует хорошего практического правила для использования URL-адресов с полным или относительным путем для скриптов и файлов CSS - это зависит от вашего сайта и того, что лучше всего подходит для вас. Вместо этого вы должны убедиться, что в любом файле, на который вы указываете, содержится самая последняя информация. Например, если вы публикуете URL с полным путем для своего CSS, вам нужно будет загрузить этот файл на свой сервер при тестировании.
Обязательно протестируйте в нескольких браузерах
После того, как вы перешли на свою страницу в одном браузере, вы можете скопировать URL-адрес из строки местоположения в браузере и вставить его в другие браузеры на том же компьютере. Когда мы создаем сайты на компьютерах с Windows, перед загрузкой чего-либо тестируйте страницы в следующих браузерах:
- Internet Explorer
- Опера
- Fire Fox
- Сафари
- Хром
Убедившись, что страница выглядит правильно в браузерах, установленных на вашем жестком диске, вы можете загрузить страницу и снова протестировать ее с веб-сервера. После загрузки вы должны подключиться к странице с другими компьютерами и операционными системами или использовать эмулятор браузера, например BrowserCam, для проведения обширного тестирования.