一、佈局

二、樣式

三、相容

3.1為什麼測相容

• 很多大型企業如銀行/電信等，介面都是定製，不敢升級，否則所有軟體都需要重新測試/修改甚至重新開發，代價太大

3.2相容測試什麼

3.2.1不同瀏覽器開啟網頁會不會出現網頁錯亂等問題

練習並彙總發現的問題

• 驗證果芽官網的相容性

• 驗證淘寶首頁的相容性

• 驗證京東首頁的相容性

• 驗證簡書的相容性

  常見瀏覽器有哪些（提問統計）

對瀏覽器進行分類，挑出出重點要測試的

• pc（個人電腦）端

  1. 谷歌瀏覽器（chrome）

  2. IE

  3. 火狐（FireFox）

練習並彙總發現的問題

• 驗證果芽官網的相容性

• 驗證淘寶首頁的相容性

• 驗證京東首頁的相容性

• 驗證簡書的相容性

3.2.2使用不同版本的瀏覽器開啟網頁會不會出現網頁錯亂等問題

• 谷歌瀏覽器（chrome）和火狐（FireFox）

  1. 因chrome和FireFox上下版本相容較好不需要每個版本都進行測試,一般只測試最新版

• IE

  1. ie的版本，相容性較差，IE6-IE11-IE edge，版本相容性需要測試

  2. 安裝IE所有版本不現實，所以需要模擬器

練習並彙總發現的問題

• 驗證果芽官網的相容性

• 驗證淘寶首頁的相容性

  段落引用

• 驗證京東首頁的相容性

• 驗證簡書的相容性

3.2.3移動端相容

練習並彙總發現的問題

• 驗證果芽官網的相容性

• 驗證淘寶首頁的相容性

• 驗證京東首頁的相容性

• 驗證簡書的相容性

  手機測相容的問題

• 買手機太貴

• 手機太多

• 操作手機不方便

• 手機檢視日誌、截圖、儲存到測試報告不方便

• 手機螢幕大小各不相同，種類繁多

  測試工具

• 使用chrome F12中的toggle device toolbar

  練習並彙總發現的問題

• 驗證果芽官網的相容性

• 驗證淘寶首頁的相容性

• 驗證京東首頁的相容性

• 驗證簡書的相容性