測試你的瀏覽器是否符合 W3C 標準

sjackwu

Acid2，是針對網頁瀏覽器及設計軟體，就支援HTML、CSS 2.0及PNG圖像標準的綜合測試，由網頁標準計劃小組（Web Standards Project）設計，...
http://zh.wikipedia.org/wiki/Acid2

官方網頁
http://www.webstandards.org/action/acid2

測試網頁
http://www.webstandards.org/files/acid2/test.html

如果一切順利，測試結果應該看起來像這樣子
http://www.webstandards.org/files/acid2/reference.html

程式碼說明
http://www.webstandards.org/action/acid2/guide/

小賤健

IE6 笑臉圖完全掛掉，
FF1.5 也不太完全，笑臉的眼睛也跑掉了。

小螞蟻

原來小火狐也過不了,不過比起IE實在好太多太多了~
小火狐顯示是顏面傷殘,IE應該是被XXXXX吧~

小酒蟲

這年頭....我只相信 IE 標準。

mayakeq

看到笑臉就算成功了嗎？
奇怪 ...opera9.02第一次沒成功
看到標準版之後又可以看到

可是笑臉也沒跑到像第一篇中間的位置.....

ray0808

greenbrowster 不行.

Nicolas

Safari 2.0.4  顯示正確無誤

ychao

原文由 小酒蟲 於 2006-10-2 18:03 發表
這年頭....我只相信 IE 標準。

只是這年頭，所謂的『ie標準』也是沒個準的啊。

Safari用的是khtml引擎，所以Konquror正確，自然Safari就ok。
greenbrowser用的是ie引擎，自然是一樣掛啦。

[ 本文最後由 ychao 於 2006-10-2 23:48 編輯 ]

拿波里昂

The World也不行
不過！看來也沒幾家可以

Verycan

Safari是沒問題的...
可是 我一點也不信這個標準,
管他通不通過標準,Safari就是上一堆網站都有問題...

小酒蟲

原文由 ychao 於 2006-10-2 08:40 發表
只是這年頭，所謂的『ie標準』也是沒個準的啊。

如同當年 NetScape 領軍一般，這種東西現下誰主流我就依誰。

[ 本文最後由 小酒蟲 於 2006-10-2 15:43 編輯 ]

tka

小弟是從事網頁相關工作的 說到標準就一肚子氣
MS明明也是w3c的成員 可是對w3c的標準確不完全支援
搞得很多事情都很麻煩 偏偏我又習慣用FF作開發
三不五時就發現 在ie上網頁又掛掉的 或是css排版又跑掉了
偏偏作的東西有商業性質 為了吃飯只好去符合"市場標準"
有時實在是很無奈呀

sjackwu

http://www.howtocreate.co.uk/acid/
這個網站上有各種瀏覽器歷來版本在 acid2 的表現:
(依文章標題順序)
Opera,
KHTML Konqueror and Safari (OmniWeb),
Prince,
iCab,
Mozilla/Firefox/Netscape,
Obigo,
Internet Explorer on Windows,
(Internet) Explorer on Mac,

有興趣可以看看，光是看圖說故事就能知道個大概了
我個人比較驚訝的是 Opera Mobile 9 on Series 60 - The first mobile browser to pass the Acid 2 test

以台灣瀏覽器使用情況來看，如果你的瀏覽器在這頁沒有列出來
那應該就是 ie-based 的瀏覽器，請自行與 ie6/ie7 的結果比對...

[ 本文最後由 sjackwu 於 2006-10-3 11:21 編輯 ]

sjackwu

原文由 tka 於 2006-10-3 08:35 發表
小弟是從事網頁相關工作的 說到標準就一肚子氣
MS明明也是w3c的成員 可是對w3c的標準確不完全支援
搞得很多事情都很麻煩 偏偏我又習慣用FF作開發
三不五時就發現 在ie上網頁又掛掉的 或是css排版又跑掉了
偏偏 ...

建議你看一下這篇，可能可以減少你摸索的時間
Viewable With Any Browser
http://www.anybrowser.org/campaign/anybrowser_wd.html （中文翻譯）

Accessible Design Guide
http://www.anybrowser.org/campaign/abdesign.html （這是英文的。。。）

tka

原文由 sjackwu 於 2006-10-3 11:15 發表


建議你看一下這篇，可能可以減少你摸索的時間
Viewable With Any Browser
http://www.anybrowser.org/campaign/anybrowser_wd.html （中文翻譯）

Accessible Design Guide
http://www.anybrowser.org/c ...

感謝 sjackwu兄提供的資料

基本上現在工作上已經到了 有時要用 * html td 之類css語法

或是使用ie bug的狀況  再不然就是丟給javascript去處理排版問題

跟幾年前要判斷 ie 與 netscape  然後寫網頁的狀況實在很像

最常見的例子 就是ie的 CSS Box model

每次寫完後 總是要跟美編人員"討論"那一兩個pixel 跟當初的demo page 一不一樣

sjackwu

原文由 tka 於 2006-10-3 21:41 發表


感謝 sjackwu兄提供的資料

基本上現在工作上已經到了 有時要用 * html td 之類css語法

或是使用ie bug的狀況  再不然就是丟給javascript去處理排版問題

跟幾年前要判斷 ie 與 netscape  然後寫網 ...

有興趣可看看這篇，

... No, Internet Explorer did not handle it properly
http://www.howtocreate.co.uk/wrongWithIE/

建議同時開不同瀏覽器看同一個頁面，比較一下

有好多頁，把 IE 殘廢的地方列出來，除了原因、demo之外，還有給網頁設計者的建議，看要怎麼 Workaround

Introduction
XHTML
Content-type: text/plain
PNG Transparency
position:fixed;
background-attachment:fixed;
:first-child
Selectors
:hover
Box Model
Float Model
*:auto;
overflow:visible;
ShrinkWrap
:before and :after
Table Styles
!important
Empty Elements
Add Syntax
navigator.plugins
Empty Space
Event Model
Event Objects
Errors in Valid Scripts
Link Tags
Alternate Stylesheets
Object Tags
Data: URIs
Summary

[ 本文最後由 sjackwu 於 2006-10-4 15:04 編輯 ]