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

多くの人は、コンピューターでWebページを作成するときに、それを表示するためにWebサーバーに投稿する必要がないことに気づいていません。 ハードドライブで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などのブラウザーエミュレーターを使用して広範なテストを行う必要があります。