Skip to main content

Как просмотреть свои веб-страницы перед отправкой их

Создание html сайта в блокноте (Май 2025)

Создание html сайта в блокноте (Май 2025)
Anonim

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

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

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

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

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

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

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

    Быть уверенным в тестировании в нескольких браузерах

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

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

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