艾德的部落格天空 » 瀏覽器

Google發佈Chrome 3正式版

Eduardo — Thu, 17 Sep 2009 01:30:54 +0000

Google正式發佈了Chrome 3正式版，這對於瀏覽器市場來說，又是一個新的衝擊。不知道瀏覽器市場的市佔率又會如何變動呢？蠻期待的XD

本次 Chrome 3 的改善的部分有，效能提升及支援HTML，當然還有很多細項。還有還有，換瀏覽器的主題風格XD。

網頁設計 Part 1 – 分析訪客

Eduardo — Thu, 04 Jun 2009 06:40:03 +0000

提供幾個小Tips，主要是針對網頁設計的部分。

一、調查訪客所使用瀏覽器

目前最市佔率最高的依舊還是IE瀏覽器，緊追在後的是Firefox，再來則是Sarafi。

第一張圖是 Market Share for Browser 的資料；第二張圖則是本部落格的訪客資料，前兩名流覽器佔比都差不多。所以製作出來的網頁要能夠在IE6 7 8、Firefox、Safari及Chrome可以正常流覽。當然IE6是很多網頁設計師心中永遠的痛，so …..IE6何時會進墳墓呢XD

PIC1

PIC2

二、調查訪客所使用的螢幕解析度

可以使用 Google Analytics 得到訪客所使用的解析度，以本格來看，大多是1024 x 768的使用者為居多。再來是1280 x 800以及1280 x 1024，至於以前較為普遍的800 x 600解析度已經剩下1%左右的用戶。所以前三多的訪客流覽解析度為主，較能符合需求。

三、調查訪客偏好的色系

每位訪客都有自己偏好的顏色，網頁設計的方向必須將網頁色系考量進去，特別是網站的主題與顏色搭配，若能掌握的很好，那麼訪客在閱讀文章或者進行社群功能，將會使用得很順利，停留時間也會越來越久，留住訪客是非常重要的。所以在色系部分，除了先確定網站主題之後，可以針對訪客進行調查，瞭解大部分的訪客偏好哪種顏色，譬如都是白底色系的網站，閱讀起來非常舒服。
四、調查訪客的閱讀習慣

瞭解網站訪客的來源，是否台灣訪客居多？還是有其他國家的訪客，以中文來說，一般閱讀的習慣是左到右，所以第一眼看到都是在左邊，並依照網站所要強調的功能來配置頁面，以一進入網站來看，主要的東西要放在明顯的位置，次要或者不那麼重要的則放在下方(網頁捲軸需下拉)。置於是三欄或者兩欄排版，則可依照網站資料多寡及網站主題來做變化。

幾個小小的心得，分享一下。

微軟正式發佈IE8

Eduardo — Fri, 20 Mar 2009 01:45:17 +0000

睽違已久的IE8終於現身了，微軟官網也開放下載，每個功能看起來都不錯，但是要用過才知道是否變好了，特別是CSS都不標準，現在的市佔率還是IE佔優勢，不管是Firefox、Safari、Opearr及Chrome等各家瀏覽器都還是在搶多這塊大餅。從Market Share的資料得知目前的市佔率，所以IE的市場慢慢被瓜分掉，看看這次IE8能否拉回一些。

以下資訊從微軟官網轉載。

加速器

您目前的瀏覽器執行了多少步驟，才完成定位地址、翻譯文字或在線上執行其他例行工作？到現在為止，可能已有一系列的資訊從一個網頁剪下並貼到另一個網頁上。 Internet Explorer 8 中新的「加速器」功能可協助您快速執行日常的瀏覽工作，無需導覽到其他網站即可完成。只要反白顯示網頁中的文字，然後按一下所選內容上出現的藍色「加速器」圖示，即可取得行駛方向、翻譯和定義文字、將內容以電子郵件形式傳送給其他人，開始購物等。

Internet Explorer 8 包括一些有用的加速器供您使用。您也可以新增更多加速器，方法是移至 Internet Explorer 圖庫以根據您的需要自訂瀏覽器的工作方式。
Internet Explorer 8 加速器

只要從瀏覽器右上角的 [工具] 按鈕按一下 [管理附加元件]，便可輕鬆地刪除、停用或啟用加速器。
展開/摺疊
網頁快訊

您一天要檢查幾次電子郵件、天氣預報、比賽分數、股票報價、拍賣項目等等的更新？直到現在這還是手動程序，也就是您必須到這些網站檢查是否有變更或新資訊。

只要使用「網頁快訊」，您就可以直接從新的 [我的最愛] 列隨時瞭解經常更新之網站的資訊。如果網頁上有可用的「網頁快訊」，則一個綠色的「網頁快訊」圖示會顯示在瀏覽器的右上角。按一下這個圖示即可輕鬆訂閱和新增「網頁快訊」到 [我的最愛] 列，從而隨時掌控網站最新資訊。
Internet Explorer 8 網頁快訊

當有新資訊可用時，「網頁快訊」便會反白顯示。按一下 [我的最愛] 列中的「網頁快訊」，便可預覽相關資訊。按一下預覽會直接將您帶往該網站以取得詳細資訊。
Internet Explorer 8 圖庫首頁

現在您可以使用一些大型社群和合作夥伴開發的網頁快訊及加速器。在 Internet Explorer 8 圖庫中選擇對您有用的項目。
展開/摺疊
立即搜尋
搜尋建議

您是否曾經忘記過尋找的一本書的全名，或某天晚上看的電影中演員的名字。Internet Explorer 8 中新的搜尋功能將在您於搜尋方塊中輸入文字時提供相關建議，以協助您節省時間。隨時按一下建議便可立即執行搜尋，而不必輸入整個單字或片語。
視覺搜尋

Internet Explorer 8 與頂尖的搜尋提供者協同合作，提供「視覺搜尋」影像，讓您立即獲得答案。例如，使用 [即時搜尋] 輸入「西雅圖天氣預報」，將會直接在 [搜尋方塊] 下拉式清單中立即顯示目前天氣的預覽。透過您慣用的搜尋提供者，尋找更多視覺搜尋結果。
Internet Explorer 8 視覺搜尋

您可以從 [搜尋] 方塊中的下拉式箭號按一下 [管理搜尋提供者]，或從右上角的 [工具] 按鈕按一下 [管理附加元件]，輕鬆地刪除、停用或啟用搜尋提供者。
展開/摺疊
增強的瀏覽功能
增強的索引標籤式瀏覽功能

您是否曾經開啟了大量索引標籤，當返回查閱時卻眼花撩亂？Internet Explorer 8 推出了索引標籤群組，使索引標籤式瀏覽更為容易。當一個索引標籤從另一個索引標籤開啟時，新的索引標籤會放在原始索引標籤旁邊並以分色呈現，讓您可快速地分辨出哪些索引標籤具有相關的內容。
Internet Explorer 8 索引標籤群組

更智能的網址列

無法記住上週造訪的新網站的完整網址嗎？在新網址列中輸入一些字元，Internet Explorer 8 將根據您輸入的內容自動顯示您造訪過的網站。它會搜尋您的所有歷程記錄、我的最愛和 RSS 摘要，然後顯示來自網站地址或任何 URL 部分的符合項目。此外，您可以透過按一下紅色的 X，刪除下拉式方塊中的任何網址，這對去除拼錯的 URL 而言特別有用。
Internet Explorer 8 網址列

相容性檢視

Internet Explorer 8 的內建 [相容性檢視] 按鈕，可讓您顯示專為舊版瀏覽器設計的網站。如果您看到文字、影像或文字方塊未對齊，只要按下 [相容性檢視] 按鈕即可。[相容性檢視] 按鈕就在網址列中 [重新整理] 按鈕旁。
Internet Explorer 8 相容性檢視按鈕
展開/摺疊
效能更好

Internet Explorer 8 可更快速地啟動及載入網頁，並提供強大的新索引標籤頁，讓您立即開始進行下一個想要的動作。Internet Explorer 8 的效能有許多改進，針對某些最重要的方面，提供更快、更具回應性的網頁瀏覽體驗。

有興趣的可以前往微軟官網下載
http://www.microsoft.com/windows/internet-explorer/default.aspx

搶先下載 Firefox 3.0

Eduardo — Tue, 17 Jun 2008 09:53:10 +0000

對岸 wangtam 看到的，原來已經有些小技巧可以先下載來體驗了。

剛剛艾德已經下載下來，順利安裝 3.0 正式版

正在享受中。

下載：

Firefox 繁體中文 3.0 for Windows

Firefox 繁體中文 3.0 for Mac OS

Firefox 繁體中文 3.0 for Linux

Firefox 3 正式版即發行

Eduardo — Fri, 13 Jun 2008 07:52:53 +0000

Firefox 沈寂了好一段時間，終於要於本月 17 號全球同步發行 Firefox 3 正式版，官方網站也推出了 Set a Guinness World Record Enjoy a Better Web 的活動，也就是要創下 24小時內的最高紀錄下載量，有 email 或者是愛用者的朋友們要趕快去參加這勝大的活動。

Sounds like a good deal, right? All you have to do is get Firefox 3 during Download Day to help set the record for most software downloads in 24 hours – it’s that easy. We’re not asking you to swallow a sword or to balance 30 spoons on your face, although that would be kind of awesome.

The official date for the launch of Firefox 3 is June 17, 2008. Join our community and this effort by pledging today.

目前登記 email 參與的人數達到 114萬多人，在活動開始的當天，Firefox 的官方網站會用 email 通知您下載 Firefox 3 。Let’s go! – http://www.spreadfirefox.com/en-US/worldrecord/

Firefox 真是好用到沒話說，IE6 or IE7 快被冰起來了 XD ，如果您還沒有用過 Firefox ，趕快嘗試吧！

讓圖片自動加上美麗的外框

Eduardo — Wed, 01 Aug 2007 06:29:22 +0000

一般的圖片都是四四方方的，有點死板的感覺，可是手邊沒有繪圖軟體(Photoshop, Photoimpact)或者看圖軟體的時候，該如何將圖片把他變得美美的呢？

Glossy.js 是個小小的 javascript ，只要將他置入網頁中，在給予圖片一個 class 來使用，圖片就會出現精美的外框。

以下是範例效果：

原圖片

套入 class 之後

再來一張 XD 這張是圓角不同的

這作法很簡單，只要將 glossy.js 加到 header.php 裡頭，加入下列代碼

其他的控制外框的方法可以參考內附的說明，裡面也附有 index.htm 可以執行起來看效果及說明。目前 Glossy.js 支援 Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. 當然官網也提到如果是使用更舊版本的瀏覽器，最好還是更新到新版吧。至於 js 的部份，檔案大小約 15k 如果怕讀取太久，可以考慮把 js 丟到 hinet 或者 google page @_@因為速度快，嘿嘿。

前往官網

本站不提供下載，請前往官網下載。

無言的網頁程式設計

Eduardo — Wed, 18 Jul 2007 09:46:50 +0000

剛剛在 Yahoo! 奇摩看到的一個文字廣告，內容是龍捲風 xxxxx，其實內容不怎麼重要，不過點進去之後才是重點。

當進入這網站的時候，愣住了。

圖片在此

也可以直接使用 Firefox 進入該網站

其實很久沒有使用 IE ，幾乎都用 Firefox 在瀏覽網頁，看到這樣子的網站時，腦袋中只有一個念頭，這是誰設計的？擔任網站企劃這工作將近一年，雖然還是算菜鳥，但是看到這樣子的設計只有搖頭，還好不是艾德企劃的，不然程式鐵定被艾德打死 XD。

就算大部分的使用者還是使用 IE ，但是也不能忽略那些使用其他瀏覽器的客戶。

IE 好? 還是 Firefox 好?

Eduardo — Mon, 14 May 2007 04:01:33 +0000

回憶高一的時候算一算大概十年前還十一年前吧，當初接觸 Html 的時候是非常興奮的，那時候用的是 Netscape 瀏覽器，也就是 Firefox 的祖先吧 XD (實際情況蠻複雜的，我也搞不太清楚，有興趣的可以看一看 Wiki 的說明)，一切的基礎都是在 Netscape 底下建立的，從台北車站的電腦書店買了一本 Html 的字典後，每天就在 K 這玩意。開始手工打造自己的第一個網站，名稱我已經忘記了，不過網址還記得，從 Internet Archive Wayback Machine 查到的資料，1998 年把網站改名成免費資源王，囧，原來我那時候就在搞免費資源的東西，不過後來也不知道為啥就沒有繼續做下去。

回到正題，IE 好? 還是 Firefox 好? 這個答案見仁見智，不過目前從 Google Analytics 來看，閱讀本站的瀏覽器有將近 67 % 是使用以 IE 為核心的瀏覽器，哪些是 IE 為核心的瀏覽器呢？IE、KKMAN、Maxthon、MyIE(Maxthon的前身)、Avant、Sleipnir等等，太多了。

到底 IE 安不安全，這點我不清楚，我只知道沒有 100% 安全的東西。在我大學時期當系辦工讀生來說，最常遇到的就是學生始用電腦上一些不該上的網站，剛好電腦只安裝 IE ，中毒之後比較嚴重的就得重新安裝 Windows 了。

大學之後接觸到了 Firefox ，開始慢慢喜歡上這隻狐狸，這狐狸哪邊好？重點就在於它的擴充性，有許多的擴充套件可以安裝，就跟 WordPress 一樣，有許多 plugin 可以輔助，有許多的 Theme 可以更換版面。而對於網頁設計的人來說，Firefox 有一定的優勢，隨時可以觀看修改後的效果，CSS快速修改等等。

那麼 Firefox 安不安全？這點我也不清楚，請到 google 查詢會比較快 @_@。假設使用 Firefox 瀏覽一些 IE 限定的網站要怎麼辦？安裝 IE Tab 的擴充套件就能使用 Firefox 內建的 IE 來瀏覽。以我個人來說，網站一定要符合多瀏覽器才標準，不知道本站有沒有符合 @_@ 。

艾德非常推薦 Firefox ，因為本站的設計都是在 Firefox 瀏覽器的檢視下所設計的，當然也會為了 For IE 來修正(這點會氣死人)。

關於 Firefox 的特徵與性能，我節錄 Wikipedia 的一小段來分享。

軟體特徵與性能
* 1.1 分頁瀏覽 (工具列不會有很多視窗跑出來)
* 1.2 彈出式視窗攔截 (擋下網站會亂跳廣告的，尤其是一些有的沒有的)
* 1.3 即時書籤
* 1.4 反網路釣魚 (應該是擋後門吧)
* 1.5 佈景主題 (就是換 skin)
* 1.6 擴充套件 (艾德有安裝新同文堂，這是翻譯用，還有ForecastFox，顯示天氣狀況)
* 1.7 跨平臺支持 (其他作業系統也能使用)
* 1.8 安全性能
* 1.9 支援的標準

還在用 IE 嗎？喜歡 Firefox 嗎？

您可能也喜欢：
無言的網頁程式設計	用 Firefox 瀏覽無名小站真是痛苦	Webkut 網站截圖工具	WebSlug 網頁載入大車拼
无觅

您可能也喜欢：
搶先下載 Firefox 3.0	IE 好? 還是 Firefox 好?	DIY 個人化瀏覽器 Toolbar	Firefox的日文版真可愛!
无觅

您可能也喜欢：
微軟正式發佈IE8	Google發佈Chrome 3正式版	DIY 個人化瀏覽器 Toolbar	讓WordPress支援手機瀏覽
无觅