Как просмотреть ваши HTML веб-страницы

Многие люди не понимают, что когда вы создаете веб-страницу на своем компьютере, вам не нужно публиковать ее на веб-сервере, чтобы просмотреть ее. При предварительном просмотре веб-страницы на жестком диске все функции браузера (например, JavaScript, CSS и изображения) должны работать точно так же, как на веб-сервере. Поэтому тестирование ваших веб-страниц в веб-браузерах перед их запуском – хорошая идея.

  1. Создайте свою веб-страницу и сохраните ее на жестком диске.

  2. Откройте веб-браузер, перейдите в меню «Файл» и выберите Открыть .

  3. Перейдите к файлу, который вы сохранили на жестком диске.

Проблемы с тестированием

Есть несколько вещей, которые могут пойти не так при тестировании ваших веб-страниц на жестком диске, а не на веб-сервере. Убедитесь, что ваши страницы настроены правильно для тестирования:

  • Используйте полные абсолютные пути для ссылок. Вы можете использовать относительные к страницам пути для своих ссылок, но лучший способ проверить ссылки перед тем, как страница станет активной, – это использовать полный путь к странице, на которую вы ссылаетесь. Другими словами, включите доменное имя в ваши ссылки.
  • Используйте относительные страницы для ваших изображений. Несмотря на то, что вы можете использовать полный URL-адрес для своих изображений, если тестируемая страница новая, скорее всего, ваши изображения загружаются на сервер не более, чем HTML. Используя пути к изображениям, относящимся к текущей странице, они будут отображаться при проверке файла на жестком диске.
  • Проверьте пути к внешним файлам CSS и JavaScript. Не существует хорошего эмпирического правила использования URL-адресов с полным или относительным путем для сценариев и файлов CSS – это зависит от вашего сайта и того, что лучше для вас работает. Вместо этого вам следует убедиться, что любой файл, на который вы указываете, содержит самую последнюю информацию. Например, если вы публикуете полный путь URL для своего CSS, вам нужно будет загрузить этот файл на ваш сервер при тестировании.

Обязательно тестируйте в нескольких браузерах

Перейдя на свою страницу в одном браузере, вы можете скопировать URL-адрес из строки адреса в браузере и вставить его в другие браузеры на том же компьютере. Когда мы создаем сайты на компьютерах с Windows, тестируйте страницы в следующих браузерах, прежде чем загружать что-либо:

  • Internet Explorer
  • опера
  • Fire Fox
  • Сафари
  • Хром

Убедившись, что страница выглядит прямо в браузерах на жестком диске, вы можете загрузить страницу и снова протестировать ее с веб-сервера. После загрузки вы должны подключиться к странице с другими компьютерами и операционными системами или использовать эмулятор браузера, например BrowserCam, для проведения расширенного тестирования.

Оцените статью
Solutics.ru
Добавить комментарий