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

看板Web_Design作者 (GB2)時間10年前 (2014/06/27 21:21), 編輯推噓4(4018)
留言22則, 7人參與, 最新討論串1/1
最近遇到一件讓我百思不得其解的事情… 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

06/27 21:45, , 1F
前端工程師經驗還不夠 我坦白說 Internet Explorer
06/27 21:45, 1F

06/27 21:45, , 2F
在Windows XP 跟 Windows Vista/7 8 2012 是完全不同的狀況
06/27 21:45, 2F

06/27 21:46, , 3F
即使你是用 IE11 去模擬 IE7/8/9 都會有不同結果
06/27 21:46, 3F

06/27 21:46, , 4F
所以我們都是一次在VM開多個系統的IE直接做測試
06/27 21:46, 4F

06/27 21:48, , 5F
另外還有一種是瀏覽器的插件、工具軟體造成的網頁畫面錯置
06/27 21:48, 5F

06/27 21:48, , 6F
有些兇猛的軟體甚至會在 Client 網頁上直接安插廣告
06/27 21:48, 6F

06/27 21:49, , 7F
最後就是,IE 本身有相容性檢視的設計,可能會直接跳回IE6/7
06/27 21:49, 7F

06/27 21:50, , 8F
的引擎渲染html code,導致同一個版本的IE畫面卻不同
06/27 21:50, 8F

06/27 21:50, , 9F
通常這就得從 meta 指定 ie 用最新的下去
06/27 21:50, 9F

06/27 22:56, , 10F
相容性檢視
06/27 22:56, 10F

06/28 00:19, , 11F
當初簽約就要寫明版本的...
06/28 00:19, 11F

06/28 01:13, , 12F
debug跟寫明版本沒有關係吧= =
06/28 01:13, 12F

06/28 01:14, , 13F
不會debug怪合約爛?
06/28 01:14, 13F

06/29 00:57, , 14F
想到相容性檢視+1 XD
06/29 00:57, 14F

06/29 01:20, , 15F
目前找到似乎較佳的寫法是如下
06/29 01:20, 15F

06/29 01:20, , 16F
("X-UA-Compatible", "IE=edge,chrome=1");
06/29 01:20, 16F

06/29 01:21, , 17F
強制 IE版本瀏覽器 使用此版本最新的render engine
06/29 01:21, 17F

06/29 01:21, , 18F
是否 可以處理掉相容性的問題
06/29 01:21, 18F

06/29 08:24, , 19F
你們要自己去debug
06/29 08:24, 19F

06/29 08:24, , 20F
方法我已經說過了..你們要自己去「驗貨」
06/29 08:24, 20F

06/29 10:13, , 21F
了解 謝謝大大 我會去找F2E聊聊 感謝
06/29 10:13, 21F

06/29 20:48, , 22F
都要上線才在測相容性性喔..有點慘
06/29 20:48, 22F
文章代碼(AID): #1JhM_Kz_ (Web_Design)