許多人沒有意識到,當您在計算機上構建網頁時,您不必將其發佈到Web服務器以查看它。 當您在硬盤上預覽網頁時,所有與瀏覽器相關的功能(如JavaScript,CSS和圖像)都應該像在Web服務器上一樣工作。 因此,在將它放置之前,先在Web瀏覽器中測試您的Web頁面是個好主意。
- 建立您的網頁並將其保存到您的硬盤。
- 打開您的Web瀏覽器並轉到文件菜單並選擇“打開”。
- 瀏覽到您保存在硬盤上的文件。
測試問題
在您的硬盤驅動器而不是Web服務器上測試您的網頁時,可能會出現一些問題。 確保您的網頁設置正確以進行測試:
- 鏈接使用完全合格的絕對路徑。 您可以為鏈接使用頁面相對路徑 ,但在頁面生效之前測試鏈接的最佳方式是使用您鏈接到的頁面的完整路徑。 換句話說,在你的鏈接中包含域名。
- 為您的圖片使用頁面相對路徑。 雖然您可以使用圖片的完整URL,但如果您正在測試的頁面是新的,那麼很可能您的圖片不會上傳到服務器,而不會超過HTML。 通過使用相對於當前頁面的圖像路徑,當您在硬盤上測試文件時,它們將顯示出來。
- 檢查您的CSS和JavaScript外部文件的路徑。 對於腳本和CSS文件使用完整路徑或相對路徑URL沒有一個好的經驗法則 - 它取決於您的網站以及最適合您的網站。 相反,您應該驗證您指向的任何文件是否具有最新的信息。 例如,如果您發布CSS的完整路徑URL,則在測試時您需要將該文件上傳到您的服務器。
一定要在多個瀏覽器中測試
一旦您在一個瀏覽器中瀏覽了您的頁面,您就可以將該URL從瀏覽器的位置欄中復制並粘貼到同一台計算機上的其他瀏覽器中。 當我們在Windows機器上構建網站時,我們在上傳任何內容之前在以下瀏覽器中測試頁面:
- IE瀏覽器
- 歌劇
- 火狐
- 蘋果瀏覽器
- 鉻
一旦確定該頁面在硬盤上的瀏覽器中正確顯示,您可以上傳頁面並再次從Web服務器進行測試。 一旦上傳,您應該連接到其他計算機和操作系統的頁面,或使用BrowserCam等瀏覽器模擬器進行大量測試。