Skip to main content

アップロードする前にWebページをプレビューする方法

Web制作で欠かせない便利なエディタ Adobe Bracketsを使ってみた! (六月 2026)

Web制作で欠かせない便利なエディタ Adobe Bracketsを使ってみた! (六月 2026)
Anonim

多くの人々は、あなたがあなたのコンピュータ上にウェブページを構築するとき、それを見るためにウェブサーバにそれを掲示する必要がないことを認識していない。ハードドライブ上のWebページをプレビューすると、ブラウザに関連するすべての機能(JavaScript、CSS、イメージなど)は、Webサーバーと同じように機能するはずです。だからあなたがライブを置く前にWebブラウザでWebページをテストすることは良い考えです。

  1. Webページを作成し、ハードドライブに保存します。

  2. Webブラウザを開き、「ファイル」メニューに移動し、 開いた.

  3. ハードドライブに保存したファイルを参照します。

テストの問題

Webサーバーではなく、ハードドライブ上のWebページをテストするときに間違っていることがいくつかあります。テスト用にページが正しく設定されていることを確認してください:

  • リンクには完全修飾絶対パスを使用します。 あなたのリンクにはページ相対パスを使うことができますが、ページが生きる前にリンクをテストする最善の方法は、リンク先のページへのフルパスを使うことです。言い換えれば、リンクにドメイン名を含めることです。
  • イメージにページ相対パスを使用します。 イメージの完全なURLを使用することはできますが、テストしているページが新しい場合、HTMLよりもイメージがサーバーにアップロードされない可能性があります。現在のページとの相対的な画像へのパスを使用すると、ハードドライブ上のファイルをテストするときに表示されます。
  • CSSとJavaScriptの外部ファイルへのパスを確認してください。 スクリプトやCSSファイルにフルパスまたは相対パスのURLを使用する場合の経験則はありません。これはサイトに依存し、最適なものはあなたにとって最適です。代わりに、あなたが指しているファイルが最新の情報を持っていることを確認する必要があります。たとえば、CSSのフルパスURLを投稿する場合は、テスト時にそのファイルをサーバーにアップロードする必要があります。

    複数のブラウザでテストする

    1つのブラウザでページを閲覧したら、ブラウザのロケーションバーからURLをコピーして、同じコンピュータ上の他のブラウザに貼り付けることができます。 Windowsマシンにサイトを構築するときは、アップロードする前に次のブラウザでページをテストしてください。

    • インターネットエクスプローラ
    • オペラ
    • Firefox
    • サファリ
    • クロム

    ハードドライブ上のブラウザでページが正しく表示されたら、そのページをアップロードしてWebサーバーから再度テストすることができます。アップロードしたら、他のコンピュータやオペレーティングシステムでページに接続するか、BrowserCamのようなブラウザエミュレータを使用して広範なテストを行う必要があります。