My Program ::

好快又升級的Firefox6

好用軟體 2011/08/17 12:27

views: 29703 times
現在 Firefox 拼了命的升級, 奇怪耶, 又沒有多大的功能改善, 主版本號一直往上跳, 這不是個好現象吧. 雖然說這是一個持續在前進的軟體專案, 不過這樣跳躍式的版本號大躍進, 似乎是想證明我們很積極地在改善及進步.

今天的 Firefox 5 提出了要升級到 Firefox 6 的升級通知, 於是就順手升級上來, 不過又是有一些 plugin 不能用了, 看看有沒有它宣稱的速度變快.

TAG browser, Firefox

Trackback 0 : Comment 0

Firefox5來了

好用軟體 2011/06/22 14:57

views: 52082 times
是的, Firefox 5 來了, 記得沒多久前才 Firefox 4, 而且也就才 4.0.1 而已, Firefox 5 已經於之前更新的 Firefox 4.0.1 上提出新的版本更新提示, 於是又再更新到 Firefox 5, 目前的版本是 5.0

不知道為什麼更新的這麼快, 而且這次更新的主要功能似乎不多, 或許是希望能藉由更新版本數字來活絡一下這個社群持續的求新求快求變的特質吧.

但是這次更新, 有一些 plugin (或稱 extension) 又不能用了, 像是 google 的 toolbar 就是個列子, 不過這些小問題應該很快會獲得解決.

隨著瀏覽器版本的更新, developer 們與 designer 也就必須快速地來適應這個相容性的考驗, 不過也正因為如此, 也讓標準能更標準, 大家能依循著標準來開發及設計, 這樣也是件好事!

TAG browser, Firefox, firefox 5

Trackback 0 : Comment 2

表單上傳檔案取得檔名問題

程式技術/Javascript 2011/05/18 20:40

views: 32340 times
在前端網頁上, 若要上傳檔案, 是利用一個 <input type=file>的標籤來進行的, 這個 UI 看起來的長像在不同瀏覽器會有不同的結果, 也因為這樣, WEB DESIGNER 常常需要做一些設計來美化及一致化這個長相.

這篇文章不是在討論這個上傳檔案的長相, 而是要探討在前端程式碼取出上傳檔案的名稱, 這個也在不同的瀏覽器有不同的結果, 尤其新的瀏覽器又增加了一些特異功能. (如隱藏路徑)

這樣一來, 若是要對上傳檔案名稱欄位取出做一些判斷的話, 可要注意這些狀況的差異, 這裡寫了個小程式, 取出 <input type=file>的值, 在不同瀏覽器下可以測出不同的結果, 連結在這裡:

http://sample.diary.tw/25

我們以上傳 C:\test\1.txt 為例, 在不同瀏覽器下的結果如下:

IE9:

Firefox 4.01

Google Chrome 5:

Safari 5:

從上面畫面的結果來看, 發現 IE9 及 Google Chrome 會有含路徑的檔名, 但會隱藏路徑, 而 Firefox 4.01及 Safari 5則只會出現檔名而已, 不會有路徑, 而 IE6, IE7, IE8 的狀況則是 IE8 會像 IE9 一樣, 但 IE7, IE6 則是真實的檔案路徑, 如下:

IE6:

IE7:

IE8:

這樣就清楚啦!

TAG browser, file, filename, upload

Trackback 0 : Comment 0

jQuery Mobile版本

手機大未來 2010/10/07 13:34

views: 228603 times
從阿維筆記本這裡 (http://blog.hsdn.net/1465.html) 看來的, 原來 jQuery 也有 mobile 的版本! 官方網址在這裡: http://jquerymobile.com/

隨著手機的效能愈高, 能支援的網頁複雜度及相容性, 也隨著在手機上的行動瀏覽器而提升, 一般早期在做手機網站大多是單純化, 減少不相的 css 及簡單呈現的方式為主, 不過有了 jQuery for Mobile, 相信又有更多的可能.

這個列表是用來說明目前 jQuery Mobile 支援各型手機 os 及瀏覽器的相容狀況, 共分成了 A, B, C, F 4級, A 為品質最好, B 為次之, C 為較差, 而 F 則是無法相容, 圖片引用自: http://jquerymobile.com/gbs/

看起來相容性最好的是 android 方面的瀏覽器.

有 jQuery for Mobile 對於行動網頁開發者來說, 可以節省不少工夫在實作網頁程式上, 不過行動網頁的要求是更精簡, 更容易地操作, 利用這樣的開發工具, 的確也能減低不少負擔. 來看看 ui 上的狀況: http://jquerymobile.com/designs/

相信對於已經上手 jQuery 的 Developer 們, 這個是一個不錯的好工具!

TAG browser, framework, javascript, jQuery, mobile

Trackback 0 : Comment 0

IE9/Safari5/Firefox3/Chrome大車拼

好用軟體 2010/06/10 13:45

views: 92341 times
繼剛寫了Safari5發表的文章後, 想說順便跑一跑其他家的一起來拼一拼.

以下測試 ACID3 是用: http://acid3.acidtests.org/
而 javascript 效率的 Webtest 是用: http://www.101asian.com/webtest.htm

先來看看 IE9 的:
UA: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)(HTTP_USER_AGENT)

ACID3: 68分

WEBTEST: 27ms

再來是 Safari 5的:

more..

TAG acid, browser, javascript, performance

Trackback 0 : Comment 0

IE6還這麼多人用耶

程式技術 2009/08/02 23:24

views: 33320 times
剛在看這篇文章: IE 6在臺市占率仍超過5成 (http://www.ithome.com.tw/itadm/article.php?c=56054), 發現其實我的想法比較偏向所謂的用戶原始的瀏覽器用什麼, 就會持續用下去的這個狀況, 也就是說, 用戶應該在 XP 就會用 IE6, 在 Vista 就會用 IE7, 在 Windows 7自然用 IE8, 而其中的許多數據也都相當耐人尋味.

用戶自己會選擇使用什麼瀏覽器的, 自然是比較了解電腦, 或是會自己安裝軟體的用家, 而且通常應該要原來固定使用的瀏覽器發生什麼大問題, 或效能不好, 或速度慢等原因, 才會面臨升級或是換瀏覽器的狀況.

不過這也讓我想看一下這個網站的比例狀況(2009/07), 我列出來給大家參考:
狀況如下:
IE6    29.1%
IE7    17.9%
IE8    9.6%
FX3.5    6.8%
FX3.0    10%
SAFARI    3.5%
OTHER    23.1%
其中果然 IE6 佔了大多數, 到 29.1% (相對於上文的報導是沒有那麼高), 而整個 IE 也有 56.6%, 另外 Firefox 則是有 16.8%, Safari 則是 3.5%, 其他的部分包含較小量版本的 IE, FX, 及一些有的沒的, 共有 23.1% (這個也還蠻多的, 真有趣), 整理或圖形如下:

基本上, 網站其實就是要照顧到所有用戶使用的環境來設計功能及呈現, 才不會影響用戶的來訪, 不過, 最重要的是大家都要依照標準來做就對了, 才不會顧此失彼, 這樣也就沒什麼太大的相容性問題!

順便附上 OS 比例也供參考:

TAG browser, Firefox, Internet Explorer, Safari

Trackback 0 : Comment 0

用Firefox體驗IE8

WebTrend 2009/06/10 18:15

views: 27487 times
這句乍看下很有趣, 怎麼用 Firefox 體驗 IE8 呢?

原來是個愚人節的活動, 不過現在來報好像有一點 lag 了.. 從這裡看來的, 來體驗 IE8 的全新功能吧 http://blog.timc.idv.tw/posts/come-and-experience-ie8/ 還有有趣的連結呢:

原來這個 link 是到這裡的: http://www.moztw.org/events/ie8/, 很有趣吧, 快連去看看, 怎麼用 Firefox 來體驗 IE8. 其實這個活動有點揶揄, 有點諷刺, 對於 IE8的上線, 給了一個很有趣的愚人節禮物. 不過下面也寫得十分有趣, 有關於 IE8 的長處:

IE8 終於跟上其他先進瀏覽器的腳步，較為完整地支援了 CSS 2.1。這麼一來網頁設計師可以設計更為美觀的網頁，不必擔心僅有 IE 看不到效果的問題。
「視覺化搜尋」是其他瀏覽器目前沒有的功能
下一代的 Firefox (3.5 版，預計 2009 六月推出) 才會有類似 IE8 InPrivate 隱私瀏覽的功能。(如果您使用 Firefox，目前可以先使用「清除隱私資訊」以達成類似效果。)
目前 IE 是唯一可以跑微軟自家 ActiveX 技術的瀏覽器，也就是說絕大多數的網路 ATM 轉帳只能在 IE 上使用。

不過, 其實 IE8 還有很多有利用程式開發上的應用: 像最近的這篇: 好用到掉渣的IE8 Developer Tools--JS效能調校經驗 http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/06/08/ie8-devtool-profiler.aspx , 看起來, 其實無論是程式設計人員, 美術人員, 甚至是使用者, 都應該都多方多種瀏覽器, 不過, 程式及美術, 主要都還是為了使用者, 而倒底這麼多種瀏覽器, 哪種好用, 哪種方便, 其實也是見人見智啦...

以本站右下的長期統計資訊 Histats, 的結果來看, 各瀏覽器佔比狀況如下:

看起來還是 IE6 為主耶(43.6%), 再來是 IE7(28.6%), 再來是 Fx3 (10.9%), Fx2(6.5%), 不過資料是由 2008年2月起的, 若抓近一點的話, 說不定也有一些不同. 但無論如何, 自己覺得好用, 自己覺得順手的瀏覽器, 才是好的瀏覽器啦...

TAG browser, Firefox, IE

Trackback 0 : Comment 0

Fiddler支援Firefox了

好用軟體 2009/04/27 18:39

views: 59905 times
今天同事和我說 Fiddler 已經支援 Firefox 了. 真的是太開心了!

其實 Firefox 下的 Firebug 已經能做到許多 javascript除錯(很好用的javascript除錯工具FireBug (firefox) http://diary.tw/tim/7 ) 及 network monitoring網路 (FireBug更新功能-Network Monitoring http://diary.tw/tim/160 ) 的功能了, 不過其中的 network monitoring 的部分, 若是要看 response 時, 並非是實際該次 request 的結果, 而是展開時, 再一次去 request 的結果, 如此一來, 有時要觀察的 request 對應的 response 總沒有那麼客觀(甚至不是當時的 response), 這個時候 Fiddler (Fiddler-HTTP Debugger http://diary.tw/tim/24 )就好用多了, 因為它是截取當時的 request 及 response 的結果.

於是就進行下載 fiddler 的最新版本, 並且進行安裝, 記得要重新開啟 Firefox, 在右下角就會出現一個該 fiddler extension 的功能操作狀況, 如下:

這個代表安裝完成了 Fiddler for Firefox 的 extension 了, 其中 Fiddler: OFF 指的是 Fiddler Application 沒有開起來, 由於該 extension 不能直接發起 Fiddler Application , 所以手動從程式集裡來啟用這個 application, 該狀態就會變成 Fiddler: ON 的狀態了, 並能順利收集到 Firefox 的 request 及 response 資料囉.

其他功能其實就和原來的 fiddler 一樣囉, 不過真的很棒, 因為從網路層去 monitoring 資料會比 Firebug 來得更精準及更真實, 這個真的值得給他拍拍手, 而且 fiddler 頁面 (http://www.fiddler2.com/fiddler2/ )上也說明了, 可以支援 Internet Explorer, Mozilla Firefox, Opera, and thousands more. 真的很不錯哦, 前進了很多呢!!

接下來就可以交替使用 Firebug 及 Fiddler 囉, 而且也以看實際狀況來應用了, 看起來 Firebug 用在 web design debug (CSS), javascript 很棒, 而 Fiddler 用在 network monitoring 是很好的工具, 如何搭配使用, 看各位應用囉.

[2009/10/31 1:38補充畫面]

TAG browser, debug, fiddler, Firefox, javascript, network, request

Trackback 0 : Comment 10

shoting 2009/05/08 11:35 MODIFY/DELETE REPLY
HttpFox 應該也是提供一樣的功能吧
- Timothy 2009/05/09 11:21 MODIFY/DELETE
  謝謝您的資訊, 這個插件的確也相當好用, 不過主要是 fiddler 的提供功能及完整度更高. 但站在輕薄短小的插件來看, HttpFox 真的很不錯用哦!!

美環 2009/10/15 10:32 MODIFY/DELETE REPLY
我安裝完 fiddler 後
以後上網就一定得先開 fiddler 才能在上網嗎?
還是有什麼解決的方法?
- Timothy 2009/10/15 12:16 MODIFY/DELETE
  不需要啊. 是有要除錯程式或要追蹤流量及 request / reqsponse 時, 才要開起來, 不需要每次上網都要開哦.

sine 2009/10/30 18:20 MODIFY/DELETE REPLY
那請問可以把他設定成
需要時去打開他才會執行嗎
他好像預設為安裝完每次都會自動執行
- Timothy 2009/10/31 01:38 MODIFY/DELETE
  可以設在 AUTO 模式下, 也就是有將該 extension 開啟時才會工作, 而沒有開起來的時候, 他並不會執行. 如文章最後補上的畫面!

zoe 2010/04/06 14:11 MODIFY/DELETE REPLY
你好
我想請問
我安裝了Fiddler2後一開始IE還可以連上網路
後來解安裝後 IE或FIREFOX 也無法連上網路
不卻 outlook卻可以收發信.....
不知道出了什麼問題

謝謝
- Timothy 2010/04/06 15:05 MODIFY/DELETE
  是不是移除過程中有什麼錯誤訊息呢? 可以試著重裝一次, 在 ie 及 fx 都關著的狀況再移除一次看看!

dd 2010/05/09 13:16 MODIFY/DELETE REPLY
No matching AutoResponder rule and fallthrough not permitted
出現這個是什麼意思?
- Timothy 2010/05/12 10:26 MODIFY/DELETE
  看一下這篇, 應該是勾選到一些設定了: http://www.youon9.com/thread-24302-1-1.html

Write a comment

: 暱稱

: 密碼

: 首頁僅管理員可見

Deepfish-好炫的瀏覽器

手機大未來 2008/01/19 02:35

views: 56188 times
手機上的瀏覽器真的不能很炫嗎? 不能比較像 pc 的瀏覽器那樣一次看到整個版面嗎? 若希望能有更好的瀏覽經驗, 使用 windows mobile 的用戶們一定要試試這個 Deepfish, 不過這個還在實驗室 (labs.live.com) 的 Deepfish 目前不公開對外下載, 若想要測試看看的朋友可以到這裡下載: Deepfish .

接下來就看看他的特異功能了: 我們到 yahoo 首頁, 得到的畫面:

more..

TAG browser, deepfish, Microsoft, mobile

Trackback 0 : Comment 2

手機上網方便檢視網頁的服務

手機大未來 2008/01/17 01:12

views: 73500 times
用手機上網已經是在沒有電腦時常用的工具之一, 不過手機雖然也有瀏覽器, 不過在閱讀資料時, 若是網頁沒有針對手機這種設備做一些頁面的規劃及調整, 根本很難用手機檢視.

不過在用手機時最常用的 www.google.com 中也有手機版本的 ig 也就是個人化介面, 其中特別的地方是在於他在自訂的訂閱對外要連結出去其他 google 外部網站時, 會帶著一個貼心的服務, 就是特別為手機檢視時使用的 google 重新整理好的網頁內容.

簡單地說, 就是將網頁上的內容, 將大多數的 css 及圖片做整理後, 再區隔成適當的分頁, 將網頁製成適合手機瀏覽的結果, 舉個例子, 原本的一個 udn 網站上的內容: http://udn.com/NEWS/FINANCE/FIN2/4183633.shtml 透過手機來看是長這樣: