《HTML5+CSS3網頁設計入門必讀》——1.5 利用多種Web浏覽器執行測試

本節書摘來自異步社群《html5+css3網頁設計入門必讀》一書中的第1章，第1.5節,作者： 【美】julie meloni更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

剛才讨論了web内容遞送的過程以及如何獲得web伺服器，現在回過頭來并讨論利用多種web浏覽器測試web站點似乎有點奇怪。不過，在繼續學習關于利用html和css建立web站點的所有知識之前，要記住下面這句非常重要的話：你的web站點的每位通路者将可能使用與你自己不同的硬體和軟體配置。他們的裝置類型（桌上型電腦、筆記本電腦、上網本、智能手機）、螢幕分辨率、浏覽器類型、浏覽器視窗大小、連接配接的速度都可能與你不同。記住：當通路者檢視你的站點時，你不能控制他們使用的任何方面。是以，在你設定web托管環境并準備好工作時，要考慮下載下傳多種不同的web浏覽器，以便可以使用本地測試工具套件。下面讓我解釋為什麼這一點很重要。

盡管所有的web浏覽器都會以相同的正常方式處理資訊，但是它們當中的一些特定的差別将導緻事情在不同的浏覽器中看起來并不總是相同的。甚至相同web浏覽器的相同版本的使用者也可能通過選擇不同的顯示選項和/或更改他們的檢視視窗的大小，來改變頁面的顯示方式。所有主流的web浏覽器都允許使用者利用他們自己的選擇覆寫web頁面作者指定的背景和字型。當頁面第一次出現在人們的顯示螢幕上時，螢幕分辨率、視窗大小和可選的工具欄也可能改變他們所看到的頁面大小。你隻能確定自己編寫的是符合标準的html和css。

在任何情況下，都不要花時間建立隻會在你自己的計算機上看起來完美無缺的最終設計——除非你在朋友的計算機上、大街上的咖啡店裡的計算機上或者你的iphone上檢視它時能夠坦然地面對失望。

by注意：

在第15章中，你将學習一點響應性web設計的概念，其中将依賴于使用者的行為和檢視環境（螢幕大小、裝置等）自動轉換和改變站點的設計。

應該總是盡可能多地在下面這些web浏覽器上測試你的web站點。

用于mac和windows的apple safari。

用于windows的google chrome。

用于mac、windows和linux的mozilla firefox。

用于windows的microsoft internet explorer。

用于mac、windows和linux/unix的opera。

既然你已經建立了開發環境，或者對将來想要建立的開發環境至少有了某種想法，現在就讓我們繼續建立一個測試檔案。