[討論] 萬年爛梗的萬用跨平台頁面

[qwer820404 (GB2)]

最近遇到一件讓我百思不得其解的事情…


user 測試即將要上線的網站，結果一開發現版型全部跑光光，回報之後就開始處理

先確定使用的瀏覽器、版本、作業系統。

但發現到一件事情，在作業系統相同，但是同樣瀏覽器，畫面天差地遠…

(前端工程師看是正常，user 看到中邪的畫面…)


後來我在想，瀏覽器 (IE8) 本來就是蠻多與眾不同，只是這次跟中邪沒兩樣…全跑

但自家的人在看又沒有問題，是因為 patch 的版本不同，導致這樣的狀況嗎??


在做案子都發現有一個現象，user 似乎不太更新版本的，也許是安全性的問題…

在時間與成本有限的情況下，要寫一堆hack去解決感覺也不太對…

(很想告訴使用者那應該是兩個不同的網站 xd)

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.158.121
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1403875284.A.F7F.html
→ alog:前端工程師經驗還不夠 我坦白說 Internet Explorer
→ alog:在Windows XP 跟 Windows Vista/7 8 2012 是完全不同的狀況
→ alog:即使你是用 IE11 去模擬 IE7/8/9 都會有不同結果
→ alog:所以我們都是一次在VM開多個系統的IE直接做測試
→ alog:另外還有一種是瀏覽器的插件、工具軟體造成的網頁畫面錯置
→ alog:有些兇猛的軟體甚至會在 Client 網頁上直接安插廣告
→ alog:最後就是，IE 本身有相容性檢視的設計，可能會直接跳回IE6/7
→ alog:的引擎渲染html code，導致同一個版本的IE畫面卻不同
→ alog:通常這就得從 meta 指定 ie 用最新的下去
推 pm2001:相容性檢視
推 f1234518456:當初簽約就要寫明版本的...
→ ez880:debug跟寫明版本沒有關係吧= =
→ ez880:不會debug怪合約爛?
推 hit1205:想到相容性檢視+1 XD
→ qwer820404:目前找到似乎較佳的寫法是如下
→ qwer820404:("X-UA-Compatible", "IE=edge,chrome=1");
→ qwer820404:強制 IE版本瀏覽器 使用此版本最新的render engine
→ qwer820404:是否 可以處理掉相容性的問題
→ alog:你們要自己去debug
→ alog:方法我已經說過了..你們要自己去「驗貨」
→ qwer820404:了解  謝謝大大  我會去找F2E聊聊  感謝
推 GoalBased:都要上線才在測相容性性喔..有點慘