親手測試!IE很讓人傻眼 CSS3對不同瀏覽器的支援度~

9/18紅色字補充:我要修正一下我的說法,根據網友留言,這些瀏覽器都仍有加入自家的元素在裡面,並沒有元全遵照W3C規範……

我之前有在Ubuntu正體中文討論區有看到一個很有趣的東東!
有一個網頁是純CSS3「繪」出一個多啦A夢的圖(不是圖片喔),所有東西包含圓角、陰影、點……通通都是用CSS3的格式寫出來的!
不過並不是每個瀏覽器都支援……雖然討論區文章內容有提到已經有別人測試出來了,不過我自己興趣一來,昨天也親手在自己家的電腦測試了一下!!

以下是本人的測試擷圖

測試筆記:

除了Opera、IE9以外,其他都在Windows XP測試!我就照上面po圖的順序寫吧!

  • Firefox 3.6.3我目前最愛用最推薦的瀏覽器,在眾多人熱心的努力下,對於CSS3的支援度蠻好的,反光、陰影效果都有出來!僅次於Chrome!
  • Chrome 5:支援度最好!連眼珠動動的動畫都有出來!在瀏覽網頁方面,Google可是很注重的喔!
  • Opera 10.53:我之前只有裝在Windows 7裡,為了用這個軟體和IE9測試,還特地切換到Windows 7。
    很明顯的看到支援度確實差了一點不過圓角仍能秀出來,在整體而言,應該還不會影響太大吧~
  • IE8:至於IE……真的很讓人傻眼、很無言~~~對CSS3不怎麼支援連圓角、斜線都秀不出來……想想如果有網站在排版上真的實際大量用了CSS3的圓角,顯示出來應該會變得凌亂不堪……
    我真的覺得IE是個落後的瀏覽器,會有很多人用只是因為IE是直接附在Windows裡,沒有在玩電腦的人也不會刻意去下載別的瀏覽器,對他們來說能用就好了……
  • IE9工程版:看到我的網誌的人應該有注意到,這次我沒把IE9的擷圖po上去我雖然有在Windows 7裡有安裝IE9,但光是一般瀏覽網頁都show不出來,當然CSS3也不可能測試了!不過我在討論區看到別人測試的擷圖,圓形是出來了,但斜線還是不行……虧微軟還號稱要遵照W3C的規範,那……??????????
    別人的IE9工程版測試擷圖:http://i40.tinypic.com/34hctvt.png

在強調一次,這個多啦A夢是從CSS3「繪製」出來的,下圖就是證據,想仔細看的話就親自到那個網頁來察看原始碼吧!

延伸閱讀:
還在用IE上網嗎?挑一挑更適合的吧!  http://yuan817.blogspot.com/2010/03/ie.html

IE9工程版測試

我原本下載了IE9工程版,想測試一下對CSS3的支援度(因為我之前有看到CSS3測試的討論文章,是用CSS3繪製成我小時最愛的哆啦A夢喔……)。

不過我是使用Windows XP,IE9已經不再對XP支援了,當然就無法安裝了……煩~

今天晚上我把電腦切換到Windows7 beta並安裝測試,雖然是安裝成功,不過測試時失敗了,IE9是開了,但看不到網頁上的任何畫面,當然CSS3也沒辦法測試了。

有興趣的人可以到微軟官方的下載點下載玩玩看!

Internet Explorer 9: Platform Demos:http://ie.microsoft.com/testdrive/

雖然失敗了,不過我還是貼一下圖片讓大家做參考!


↑上圖是我測試的樣子,但是網頁就是不肯給我乖乖的show出來~~煩~~

↑圈起來的就是IE9工程版的圖示


相關資料

Ubuntu 回覆: youtube的html5不支援firefox http://www.ubuntu-tw.org/modules/newbb/viewtopic.php?viewmode=thread&topic_id=22012&forum=7&post_id=127848
iThome 網頁瀏覽器─Microsoft IE9 Platform Preview http://www.ithome.com.tw/itadm/article.php?c=60660
T客邦 IE9瀏覽器已經有影了? http://www.techbang.com.tw/posts/1519
engadget 微軟展示 IE9:HTML5 OK,Windows XP 抱歉 http://chinese.engadget.com/2010/03/16/microsoft-shows-off-internet-explorer-9-says-yes-to-html5-n/

狗兒來測試這台電腦的Flash校能夠不夠力

剛剛我在T客邦那裡看到好玩的網站~是以狗狗為主角喔~,測試這台電腦的Flash跑得夠不夠力~
我的眼睛亮起來了!馬上拿這台主電腦(在Windows裡)的Firefox、Chrome、IE來測試看看……
大家也來玩玩看吧!!!
測試網頁Dogs:http://iloveaym.site90.com/dogs/

以下的測試都使用同一台電腦,同一個平台測試:
Firefox 3.6.3(Windows版)
當然我先用我最愛的Firefox來測試喔~
第一次用我家主電腦測試可以到126,不過後來測試結果降低到124,到後來只剩121了~

Chrome 5.0(Windows版)
第一次測試只有122,到後來測試有117

Internet Explorer 8
我原本以為會比Firefox差,但測試後的結果讓我有點意外,好像不會差太多~

總結:
我那時看到有人最高可以到537,最低有到4,不知道他的配備是什麼樣~
Firefox和IE其實不會差太多
,而Chrome感覺差了一點,不知道是不是瀏覽器不同的原因……不過主要還是取決於這台電腦的效能~
我其實也有Opera,不過這灌在另一個作業系統,我懶得重開機測試。
而Linux那邊我雖然沒測試,但應該會比Windows差,因為Adobe沒有注重Linux那邊,對顯示加速好像沒支援~
我家這台主電腦是屬於文書機,不是拿來玩遊戲用的,本來就沒想說會多好,不過每一次測試節過會略微不同。

額外測試:
我拿我弟的小筆電測試一下……這個分數?????!!!!!笑死我了~哈哈哈……
這台小筆電已經沒出貨了,是華碩一開始的Eee PC,效能最差的~

(測試前我忘記紀錄:平台其實是Netbook)


參考網頁狗狗告訴你,跑Flash行不行(T客邦):http://www.techbang.com.tw/posts/2629-dog-tell-you-running-flash-okay

測試Firefox Developer Preview對上Youtube HTML5

我之前在Ubuntu正體中文站討論區找到相關的文章http://www.ubuntu-tw.com/modules/newbb/viewtopic.php?topic_id=26184&forum=10
我就照著這個文章下載了有WebM的Firefox3.7工程版http://nightly.mozilla.org/webm/
在Windows XP實際拿Youtube的HTML5測試了一下,不過本人沒有成功……
因為我先前裝了Firefox 3.6版,安裝了Firefox3.7工程版之後,原先的雖然沒有被覆蓋掉,但是不能同時執行這兩個版本~
我有相關的圖片:


Firefox Developer Preview 3.7(WebM)下載點:http://nightly.mozilla.org/webm/

續!Windows 關機小技巧

相關前篇:Windows 關機小技巧
之前我是在命令提示字元裡輸入指令,其實直接在「執行」也可以直接輸入關機指令!
也可以建立一個檔案捷徑,建完之後,以後點這個檔案兩下也可以關機或終止關機倒數喔~~
我就在這裡簡單示範一下:
首先在你要見這個檔案的資料夾的裡面按右鍵→「新增」
→「捷徑」
(此圖是我在桌面建立捷徑的示範)

在此地輸入指令(可參考上篇網誌)然後按「下一步」
→接著在輸入你喜歡的檔名就完成了

這樣一來以後點兩下就能直接執行你要的命令喔~~~!

PS.平常閒閒沒事也可以先建個「shutdown -a」指令的捷徑在桌面上,以後如果莫名其妙出現倒數關機的訊息,就可以在圖示上按兩下暫時終止關機倒數喔!!

題外話:前幾天我看到有人直接一字不漏的copy我的網誌到大陸論壇,也沒標上來源……我是沒有說不准分享轉貼,只是希望轉貼我的網誌的人記得要標上來源為我的部落格,不然我看到會不高興喔~~!

Windows關機小技巧

在Windows裡關機,大家都知道要從開始功能表按下關機,也有人是直接按主機電源鍵關機(按一下是發出關機訊號,按久一點是強迫關機)(注意!有些舊機型的主機按一下電源鍵就是強迫關機,我阿公家就有),其實還有另一種關機法……(Windows XP、Vista、7適用喔~)

按「開始功能表」→「執行」→輸入「cmd」按「確定」
(ViSta、7使用者則是在開始功能表的搜尋框輸入cmd)

在「命令提示字元」裡輸入關機的指令:
如果我要在30秒後關機,那我就輸入「shutdown -s」,
那我想指定己XX秒後關機,就輸入「shutown -s -t XX」,
如果我要電腦OO秒後重新開機,輸入「shutdown -r -t OO」即可~

(第二張圖是因為我那邊有點怪怪的,就先用別人的電腦示範)
輸入後電腦就會出現準備關機的訊息,時間一到電腦就會關機了喔!!
如果已經輸入指令後反悔了,想終止,只要輸入「shutdown -a」就可以了!(不過要在倒數結束以前才有效)
有很多人碰過這種情況:如果莫名其妙出現這個訊息,可以先用這個指令終止,但是會莫名其妙出現,可能是這台電腦中毒了,這個指令只是暫時不讓電腦關機,並不能真正解決,還是得要清除病毒才行!!

上面這張圖示Windows XP出現的畫面,如果是Vista或7,則是出現下面這張圖,不過效果都一樣!
Vista、7終止關機程序後會出現的面


延伸-建立捷徑:續!Windows 關機小技巧

還在用IE上網嗎?挑一挑更適合的吧!

之前班上有人問我說要怎麼把Internet Explorer 6(簡稱IE6)升級到IE8,他說Youtube已經停止支援IE6了,必須要升級…
不過我回答說不要升級到IE8,因為現在有幾個更好用的網頁瀏覽器,速度、功能表現都比IE還要好。有人說他已經習慣IE了,但是從IE7開始,整個介面大改版就算升級IE,也得要重新適應,而且之前還爆出IE有一連串的漏洞事件,讓很多人開始懷疑IE的安全性,甚至有其他國家政府發起「拒用IE」的指示,我覺得要升級IE然後在習慣新介面,還不如直接換個適合自己的瀏覽器
其實我已經沒在用IE了,現在最常用Mozilla Firefox,而且還當成我預設的瀏覽器呢!
我在用的Mozilla Firefox、Google Chrome,目前都是評價非常高的網頁瀏覽器,這兩個瀏覽器各有利弊,這篇網誌希望能讓大家選擇對自己合適的網頁瀏覽器


Google Chrome對一般人來說是最佳選擇

對一般只想單純上網的話,我會強烈推薦Google Chrome!!
Chrome是個簡單到不行的程式,畫面不但簡潔,功能也非常單純,完全沒有雜七雜八不必要、多餘的功能,相信所有人都能很快、輕鬆上手!
目前Chrome是效能最好速度最快又穩定的網頁瀏覽器,它把所有分頁、所有擴充程式都分開處理,所以如果有其中一個當掉,不至於影響整個瀏覽器的運作。之前電腦雜誌有做比較,Chrome在效能上還贏過Firefox呢!
目前Chrome已經有Linux版本了,我試過了,還蠻不錯的!
不過在擴充性上,還是Firefox比較好,雖然Chrome也可以擴充,但目前資源沒有比Firefox多,而且這些擴充程式在功能上也沒有像Firefox擴充套件那麼完整。

Google Chrome 下載點 http://www.google.com.tw/chrome

Mozilla Firefox適合喜歡改造、玩擴充、玩電腦的人
Firefox的前身是Netscape,是目前我最喜歡的瀏覽器,它是開放原始碼、自由又跨平台軟體,有Windows、Linux、Mac OSX版本可以下載,目前還是Linux Fedora、Linux Ubuntu、Linux Mandriva……作業系統預設首選的網頁瀏覽器
Firefox很有彈性,改造資源豐富無數種佈景主題資源可以任君挑選下載美化,而且擴充程式也非常多、實用、功能又完整,可以針對個人需求,自行選用安裝。目前的擴充程式非常非常多,有擋廣告的、切換引擎成IE、抵擋網頁上不安全的Javascript、改造分頁外觀、加強下載、e-mail新郵件通知、同步書籤至遠端、增加按鈕、改造網址列……都可以自由選用。網路上還有多到不行的「Firefox必裝外掛」之類的文章。
整體而言Firefox最大的好處是改造空間大,而且很多擴充套件功能非常完整,變化性多,想把自己的瀏覽器個人化又多樣的人,Firefox是最佳選擇!

Mozilla Firefox 下載點 http://moztw.org/
給IE使用者的說明 http://support.mozilla.com/zh-TW/kb/For+Internet+Explorer+Users?style_mode=inproduct&as=u

還在用Internet Explorer嗎?

Internet Explorer是Windows作業系統內建的瀏覽器,這是每個人都知道的。IE會有很多人使用,完全就是因為在安裝Windows後,IE就已包含在內,不需另外安裝,而且微軟(Windows的公司)當然就預設把自家的IE成為主要的瀏覽器!
目前Youtube已經停止支援IE6,使用IE6的人必須得更新才能看Youtube。
從IE7開始,整個介面大改版,所以升級之後必須重新適應全新的介面!
之前鬧出駭客利用IE的漏洞,攻擊Google的事件…許多人對IE的安全性充滿質疑。
雖然微軟有在改進IE,不過因為這本身不是開放原始碼,只能由微軟修補,往往要過一陣子才會有修補或更新程式出現。
我個人是建議要升級IE,還不如直接換瀏覽器
,單純上網的可以用Chrome,想玩更多玩意兒的人可用Firefox

↑上圖示IE6,正常來說是不能直接在Linux裡執行IE,我是靠Wine才能使用

↑這是IE7,這張在Windows裡執行

補!Windows版-Pidgin整合即時通與Facebook聊天功能整合!

接續在上一篇的網誌:
http://yuan817.blogspot.com/2010/02/pidginfacebook.html
之前我在Linux實驗過了,不過使用Windows的人還是比較多,上一篇的內容完全針對使用Linux Ubuntu的人,這次我剛剛在Windows底下也實驗過了,結果和Linux一樣,但是安裝方式有點不一樣,所以我在這篇網誌寫一下在Windows安裝的方法。


尚未安裝Pidgun的人:請先參考我更早的網誌:http://yuan817.spaces.live.com/blog/cns!A519DE06879C8B75!2003.entry
已安裝Pidgin且使用Windows的人:

請到Pidgin-facebookchat計畫網站http://code.google.com/p/pidgin-facebookchat/下載「pidgin-facebookchat-1.64.exe」→下載完後直接開啟這個檔案→出現安裝程式後就照著指示安裝進去→安裝完後就照前一篇的方式一樣,把Pidgin關掉後重開→再來在Pidgin新增帳號,在「新增帳號」裡的通訊協定應該就能看到Facebook輸入帳號密碼試試看能不能登入,登入後要等一分鐘過後還沒斷線才算登入成功。

如果出現錯誤訊息
多試幾次或換個時間試看看。也可以在「修改帳號」裡的「進階設定」調看看
另外我建議不要勾選「Show history in new conversations」,照我測試結果,如果勾選可能會讓沒上線的人卻顯示為上線!

我在Windows測試後目前發現的狀況

  1. 載入狀況實在是太不穩定!有時可以上,有時一直跳出錯誤訊息
  2. 在Pidgin開Facebook後,有時反而不能開Facebook網頁,有時又可以同時開,狀況很亂
  3. 我在Windows測試時,沒有出現上一篇網誌所說的:我方、對方不同視窗的情形
  4. 我剛剛有說了,在進階設定的第一個選項建議不要勾,可能會讓好友狀況標示錯誤

Pidgin整合即時通與Facebook聊天功能整合!

之前我曾介紹過Pidgin這隻程式:http://yuan817.blogspot.com/2010/01/pidgin.html
它支援MSN、Yahoo、ICQ、Google talk、Facebook(目前成功一半)、AIM、QQ……即時通通訊協定。
Facebook有聊天功能,就真的有人做了Pidgin外掛,裝了以後就能直接在Pidgin使用Facebook聊天功能,不需再開Facebook網頁就能上線。
不過幾個月前我試過了,都失敗了,昨天我更新外掛後還是失敗收場,今天終於成功了,目前的問題除了不穩定外,我方、對方的聊天視窗竟然是分開的。



使用筆記:

如果成功登入後會發現明明加了那麼多朋友,為什麼只出現一點點?根據我的測試,只會出現目前在線上的人,下線的人可能也會出現,反正上線的一定會出現!

使用Linux Ubuntu 9.10,而且即時通是用Pidgin的人(這是推測!我未在9.10嘗試過):

可以直接從套件庫安裝「pidgin-facebookchat」,安裝後需把Pidgin關掉後重開,再來在Pidgin新增帳號,在「新增帳號」裡的通訊協定應該就能看到Facebook,然後輸入帳號密碼後,應該就可以試試看能不能登入,登入後要等一分鐘過後還沒斷線才算登入成功。如果出現「伺服器停止連線」字樣的話,多試幾次或換個時間試看看。也可以在「修改帳號」裡的「進階設定」調看看
另外我建議不要勾選「Show history in new conversations」,照我測試結果,如果勾選可能會讓沒上線的人卻顯示為上線!

使用Linux Ubuntu 9.04的人(我就在這版本安裝試驗):

Ubuntu 9.04套件庫中的「pidgin-facebookchat」過於老舊,無法直接安裝使用,需另外到Pidgin-facebookchat計畫網站下載「pidgin-facebookchat-1.64.tar.bz2」檔案:http://code.google.com/p/pidgin-facebookchat/

注意!不要下載pidgin-facebookchat-1.64.deb檔案!!!,因為這個檔案是針對Ubuntu 9.10製作,我之前安裝時就卡在相依性問題,無法按照正常程序裝,只能手動安裝來避開相依性驗證!!!

因為這是.tar.bz2檔,安裝方式會不同!
下載後到存放的資料夾按滑鼠右鍵選「以其他程式開啟」→出現視窗後在下方「使用自訂指令」的地方輸入「gksu file-roller」(因為要賦予管理者的權限,所以不能直接開)


→再來就會看到壓縮裡的資料夾,請把檔案解壓縮到對應的資料夾,例如:壓縮檔開啟到「/usr/lib/purple-2/」時,也要從主目錄開到「/usr/lib/purple-2/」並複製壓縮檔的所有檔案。


這些檔案複製後就手動安裝完成了!再來就要開始玩了!
弄好後就把Pidgin關掉後重開→再來在Pidgin新增帳號,在「新增帳號」裡的通訊協定應該就能看到Facebook輸入帳號密碼試試看能不能登入,登入後要等一分鐘過後還沒斷線才算登入成功。
如果出現「伺服器停止連線」字樣的話,多試幾次或換個時間試看看。也可以在「修改帳號」裡的「進階設定」調看看

另外我建議不要勾選「Show history in new conversations」,照我測試結果,如果勾選可能會讓沒上線的人卻顯示為上線!

如果怎麼試都沒成功的話,可以試著更新Pidgin看看,我是更新後才成功的,我現在用的版本是Pidgin 2.6.5 ,有關更新的方法,請自行到Pidgin官網下載,如果我有空,說不定也會寫在網誌裡。

使用微軟Windows的人:

我已於2月21日在Windows裡實驗過了,相關說明請參考http://yuan817.spaces.live.com/blog/cns!A519DE06879C8B75!2071.entry

我自行測試後目前發現的問題

  1. 載入狀況實在是太不穩定!有時可以上,有時一直跳出「伺服器關閉連線」的錯誤訊息
  2. 在Pidgin開Facebook後,有時反而不能開Facebook網頁,有時又可以同時開,狀況很亂
  3. 聊天時我方、對方竟然是開不同的視窗,像是網誌上最前面的一張圖。雖然影響不大,只是用起來不習慣
  4. 我剛剛有說了,在進階設定的第一個選項建議不要勾,可能會讓好友狀況標示錯誤

pidgin-facebookchat Project    http://code.google.com/p/pidgin-facebookchat/

Pidgin官網   http://www.pidgin.im/