這幾天在找可提供第四臺有線電視頻道直撥的數位機上盒時，發現鴻海旗下「便當（Bandott）」的官網設計，竟然犯了一個初學者常見錯誤：「因為懶惰沒有檢查到網站連結的錯誤設定。」
請參見下圖一，便當官網上「商務合作」選項的對應連結是「https://www.bandott.com/mailto:[email protected]」。
「Mailto」本身是瀏覽器可辨識的通訊協定，與「http & https」有著相同的作用，主要目的是讓瀏覽器可呼叫預設的電子郵件程式，並將收件人信箱、標題直接填入新郵件裡頭，算是很方便的常見用法。
例如「商務合作」這類用途的設計，除了可提供聯絡表格提供線上填寫服務外，大多會像便當這樣讓使用者線下寫信詢問。
不過便當官網今天的問題出在網頁開發階段，設計師並未檢查到 mailto 在客戶端顯示時，前方意外被掛上 http 域名，導致瀏覽器只能辨識出錯誤的網站頁面。
這種錯誤狀況可能有兩個原因，一個是網站的後台外掛（Plugin）主動將所有連結通通加上自家網站的域名，再透過外掛內建的對應表讓使用者可以正確連結到外部網站；另一個原因就比較簡單了，網頁設計師一開始就寫錯了 mailto 的正確連結，而且他一直沒有檢查到。
正常的架站做法是在完成一個正式網站的基礎架構設計後，至少完整檢查過一次主要頁面下幾個重要區域的設計是否完全正確，試著把所有連結全都點擊過一次，耐心的檢查，尤其當你還是收錢辦事時，這更是你的義務。
其實不光是 mailto 可能會出現這種問題，影像的「img」也是經常會發生錯誤的檢查重點，只不過因為圖片出不來很容易發現錯誤罷了。大家其實只要多加留心一點，未來開發網站時很容易就會有感覺了。
發佈留言