親手測試!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 關機小技巧

升級前Linux Ubuntu 9.04最後的畫面

昨天已經下載完kgubuntu Version7Linux Ubuntu 10.04 LTS 重製版),
(kgubuntu下載點–Linux自由的足跡:http://kawsing.blogspot.com/search/label/ubuntu%E9%87%8D%E8%A3%BD
決定今天升級!!!這次我要把整個Linux分割區format掉,在灌上最新的10.04LTS!
我會選擇把整個清掉重頭再來的原因主要是之前硬碟出現壞軌,已經有一些損壞了,再說網路上很多人的建議是整個重來會比較好,因為直接升級會殘留一些不必要的東西,而且速度好像不能發揮到最好﹍
再升級之前我把升級前的畫面擷取、翻拍~
以下是升級前的畫面:
系統資訊、Ubuntu9.04客製化軟體安裝:

Ubuntu 9.04開機畫面(螢幕翻拍):

登入畫面(我已調過)(螢幕翻拍):

GRUB選單(螢幕翻拍):

Facebook網誌與部落格RSS同步

2012.1.29更新:隨著Facebook改變,此功能已經失效了,以下介紹的方法已經不能用了

雖然這個功能已經不是麼新鮮事,很多人都在用了,不過上禮拜我和某人聊天才知道,他還不知道Facebook有這個功能,我還是稍微說一下﹍
我有在玩部落格,就會有個煩惱,就是我在部落格已經有很多網誌,也希望能出現在Facebook網誌裡,那我不是得要在Facebook重複一篇一篇新增嗎?
不過我在Facebook找到了超讚的功能,就是Facebook網誌,能直接利用RSS一次匯入部落格的所有文章,而且還會定期同步部落格內容,也就是說日後在部落格新增文章,隔了一陣子後,也會自動新增到Facebook網誌裡,不需再管Facebook網誌了。

要啟用Facebook網誌自動同步的步驟:
按上方的「帳號▼」→「應用程式設定」

然後再按下「網誌」

接著再按旁邊的「匯入文章」(因為我早已設定了,網誌畫面中出現的是「編輯匯入設定」)

按下之後就會出現要你填RSS網址(不是部落格網址喔!!),通常部落格平台應該都有支援RSS,如果要查這個部落格的網址,可以到這個部落格後按Firefox網址列旁的RSS圖示,就會連到RSS訂閱畫面~如果部落格網頁中也有RSS的連結,也可以直接點它!

出現訂閱畫面了!這就是這個RSS裡的內容,而上方的網址就是這個RSS網址!

如果要與Facebook網誌同步的話,就是要把這個網址copy下來,貼到剛剛Facebook的設定畫面
(這張圖也是我早就設定好後的畫面,只要貼上去即可)

這樣一來就會把部落格所有內容統統匯入進Facebook網誌裡了!
而且日後再部落格新增內容,也會自動納入進Facebook網誌裡!!
使用RSS匯入的文章,在Facebook網誌裡的下方會有「查看原文」的連結,按下去就會連到這篇網誌的原出處!
不過目前有以下缺點:

  1. 自動更新匯入的頻率太慢!有時候已經新增了部落格文章,但卻拖了一兩天才納入進Facebook網誌裡~
  2. 因為是自動匯入,不知道什麼時候才會納入Facebook網誌裡,有時候是大半夜才匯入,而在Facebook塗鴉牆出現的時間就在半夜﹍
  3. 使用RSS匯入的文章是不能在Facebook裡修改的!只能刪除!
  4. 部落格網誌的所有格式,在Facebook統統都會消除,有時內容也會因此而不完整,不過圖片到是有出現
  5. 有時在Facebook的網誌標題會出現有點像亂碼的東東,像是「#228…」

麻煩大了~硬碟出現壞軌

之前我有在雜誌上看過Linux Mobiln,為小筆電量身訂做的作業系統,上週六已經下載完畢
上禮拜天晚上想灌進電腦裡玩玩,但這是作業系統,又要動到硬碟分割。這台電腦是家中的主電腦,爸平常做文書要用的,而且如果出錯的話,還有可能把硬碟所有資料都洗掉,為了安全起見,我都會先看一下硬碟狀況。
沒想到我都還沒動手,在進入Windows XP時竟然進不去,慘了~我已經慌了,因為這個作業系統是最重要的是爸媽弟妹都在用的,如果進不去,會影響到他們~只好終止這個計畫,修電腦要緊,不然爸媽弟妹不能用~

我馬上檢查硬碟,在看硬碟分割狀況時,就有點不對勁,後來用國產的Spfdisk檢測硬碟後,發現有18個以上的硬碟壞軌…

這下慘了!我沒有修硬碟的經驗,只好上網求救。後來找到這支由俄羅斯開發的硬碟修復程式-MHDD

不過我英文超破,不會用也看不懂,就從網路上找了使用方法和中文對照,並印出來(因為修硬碟時不在多工的作業系統內,只能拿印出來的資料對照,不能直接在電腦裡看),還寫上損壞位置的筆記。

修復之後再用Windows XP安裝片的修復模式檢查修復檔案系統錯誤,因為我有玩多重開機,整個系統變得有點亂,在更新調整開機選單後,才好不容易進入XP,不過那時已經半夜兩點了,我太累~沒仔細檢查就去睡了。

我原本以為修好了,但在第二天進入XP,超級不穩定,根本沒辦法工作,我又重新直接用MHDD檢查,前面的壞軌是修好了,但因為第一天要把全部硬碟的檢查做完,至少要花四小時(家裡電腦的硬碟容量太大了),所以只檢查較前面的那一段,第二天才發現後面還有一堆聚在一起的壞軌沒修到,馬上再進行修復,然後再照第一天一樣,用重灌片修復檔案系統錯誤後,再進入XP。

雖然XP救回來且穩定進入了,但後遺症很多,有幾個程式已經損毀了,只好把損毀的程式重灌。重灌就算了,最麻煩的是有一支損壞的軟體刪也刪不掉,想直接重安裝缺因偵測到舊版而終止,後來想到辦法,把已安裝一模一樣程式的小白(家裡的白色筆電),把檔案直接覆蓋到已損壞的檔案,然後再用正常程序刪除,終於刪掉了,也成功灌回來了。那時我弟弟說:一個人用三台電腦﹍第一台電腦是要修復的電腦,第二台-小白是抓檔案用,第三台呢﹍為了保持上線,總是希望能在網路上碰到我最想見到的人﹍不過第二天總算修好時,已經半夜一點了,這是第二天熬夜。

雖然今天也正常開了XP,也看似修好了,但還不知道還有什麼損壞的,還得花一段時間觀察。我熬了兩天的夜,今天和昨天在學校又充當睡神
﹍不過我還是不會放棄嘗試mobiln,等確定穩定之後,會在挑禮拜六、日再玩看看

硬碟損壞有分邏輯損壞和物理損壞

邏輯損壞:是程式錯誤或其他電腦本身引起的損壞,通常這種損壞,能成功修復的機會很高!
物理損壞:是人為因素導致損壞的,像是摔到、割到的,能救回的機會就底很多~

另外修硬碟前,如果還能用其他方法開啟資料,請馬上備份!!!
因為修復後不見得能成功保留資料!


MHDD  http://hddguru.com/content/en/software/2005.10.02-MHDD/
中文說明:藤小二部落格  http://tw.myblog.yahoo.com/kato-3c/article?mid=4316&prev=-1&next=4292
SPFDisk  http://twpug.net/docs/FC3_X/02_spfdisk/spfdisk.htm