Flush local dns cache on browser and system

Browser(application) level:

For Google Chrome/Chromium, open the link below:
chrome://net-internals/#dns
and click “Clear host cache

For Firefox, open the link below:
about:config
and click “I’ll be careful, I promise!“,
and find network.dnsCacheExpiration, set its value to 0 (create one if it didn’t exist).
Now the cache should be flushed, and set network.dnsCacheExpiration back to 3600, or you the cache will not work at all.

Operating system level:

Windows:
ipconfig /flushdns

Linux:
Depends on the dns service:
sudo /etc/init.d/dns-clean restart
sudo /etc/init.d/nscd restart
sudo /etc/init.d/dnsmasq restart
/etc/init.d/named restart

Mac OS X(after 10.5):
dscacheutil -flushcache

Firefox 的 Web Developer’s Toolbox

MozillaFirefox附加元件裡面的一個集合,

Web Developer’s Toolbox :: 收藏集 :: Firefox 附加元件 (https://addons.mozilla.org/zh-TW/firefox/collections/mozilla/webdeveloper/)

整理了一些網站開發人員常用到的瀏覽器套件,如Firebug、Greasemonkey、User Agent Switche、YSlow等

有些工具目前還沒用過,看來可以參考看看,有在開發網站或寫網頁的人也可以參考

Firefox-WebDeveloper's Toolbox

Ubuntu based linux上的 EZ100PU 晶片讀卡機驅動程式 + WebATM 安裝筆記

身為一個不算短期的 Linux 使用者 (我的個人含工作用電腦”幾乎”都是Linux系統的),能在 Linux 上使用 WebATM (網路ATM) 這樣方便的功能是不可少的,早期 WebATM 都是 ActiveX 外掛,也就是 IE only 的,近年來台灣已經有數家銀行已經提供支援非 IE 的瀏覽器擴充套件來使用 WebATM 了,目前已知有以下幾家銀行支援 IE 以外的瀏覽器並且支援 Linux 作業系統,點選連結會直接進入相關說明頁面,歡迎大家幫忙補充:

其中玉山銀行一定要拿出來講一下,我個人沒有任何玉山銀行的帳戶、也沒有親戚朋友在裡面工作,更沒收到任何一毛錢,所以就不是打廣告,但是這應該是台灣 WebATM 走出 IE only 的先鋒,值得大家鼓勵啊 ~ 平平轉帳要手續費,要賺就給這種銀行賺吧!

繼續閱讀

在 IE 瀏覽器傳遞 get 參數中文遇到亂碼

昨天被丟了一個問題:同一隻 PHP 程式在 Chrome/Firefox 丟中文參數沒問題,怎麼在 IE (Microsoft Internet Explorer) 就會亂碼?

code 大概長這樣,主要是把傳入的參數存入 DB 裡面,資料庫用的是 utf-8 的編碼

問題其實是出在 IE 傳遞參數時會以 ANSI 來編碼 (即便網頁編碼是UTF-8),自然會出現亂碼的問題,基於現在 UTF-8 是主流,所以可以在使用傳入的參數之前使用 PHP 內建的 mb_detect_encoding 做這樣的處理:

{ “UTF-8”, “BIG5”, “GB2312” } 這段可以依序換成要被識別的編碼,在編碼可以辨識(有被列入)且不是 UTF-8 的情況下會用 PHP 內建的 iconv 來做轉換的動作, 就可以解決這樣的問題啦~

瀏覽器綜合測試 on Windows

Opera 也開始改用 Webkit 了…有點可惜 這樣的 Opera 還是 Opera 嗎?

讓我們繼續看下去…

剛剛想說裝了 Opera Nex t(開始改用Webkit 的 Opera) 來測一下大家支援 HTML5 的狀況

平台是Windows 7 Home Premium 64-bit SP1 以下按照分數高低排序

硬體的話就不提了 反正只是比較性而已

網址:
http://html5test.com

Google Chrome 27.0.1453.94 m
463 AND 13 BONUS POINTS
Opera Next 15.0.1147.18
433 AND 9 BONUS POINTS
Mozilla Firefox 21.0
399 AND 14 BONUS POINTS
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
320 AND  6 BONUS POINTS

以上是在Windows平台上的最新穩定版本測試結果

其他小品牌或開發版、測試版、已經停止開發的就不一一測試了

還是希望HTML5盡早制定完成 也希望各家實作盡量一致並完整支援

這樣在開發web前端的時候可以輕鬆一點

後來想說順便測一下效能好了…

Browsermark 2.0(綜合測試):
http://browsermark.rightware.com

Google Chrome 27.0.1453.94 m
6271
Opera Next 15.0.1147.18
5987
Mozilla Firefox 21.0 
4810
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5 
4237

smashcat(測canvas):
http://www.smashcat.org/av/canvas_test/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5 
305
Mozilla Firefox 21.0 
250
Opera Next 15.0.1147.18
170
Google Chrome 27.0.1453.94 m
59

Peacekeeper(測HTML5):
http://peacekeeper.futuremark.com/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
3277
Mozilla Firefox 21.0
3024
Google Chrome 27.0.1453.94 m
2557
Opera Next 15.0.1147.18(應該是因為webkit的關係被誤認為是Chrome)
2221

Kraken JavaScript Benchmark v1.1(顧名思義是測javascript):
http://krakenbenchmark.mozilla.org/kraken-1.1/driver.html

Opera Next 15.0.1147.181352.1ms
Google Chrome 27.0.1453.94 m1361.5ms
Mozilla Firefox 21.01647.9msMicrosoft Internet Explorer 10.0.9200.16576 更新版本10.0.54100.7ms

octane-benchmark (測javascript):
http://octane-benchmark.googlecode.com/svn/latest/index.html

Opera Next 15.0.1147.18
20493
Google Chrome 27.0.1453.94 m
17034
Mozilla Firefox 21.0
15104
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
6587

sunspider(測javascript):
http://www.webkit.org/perf/sunspider-1.0/sunspider-1.0/driver.html

Opera Next 15.0.1147.18
143.3ms
Mozilla Firefox 21.0
148.0ms
Google Chrome 27.0.1453.94 m
1301.3ms
Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
顯示不出結果…

小發現是 不管在哪個測試 在複製貼上結果到編輯器的時候

Chrome和Opera會很完整的複製樣式 後兩名沒有 這大概是HTML5的關係~

另外這個微軟測試很明顯IE效能就比別人高超多…
http://ie.microsoft.com/testdrive/

我只選其中一項來測
http://ie.microsoft.com/testdrive/Performance/Minesweeper/

Microsoft Internet Explorer 10.0.9200.16576 更新版本10.0.5
1.0s
Mozilla Firefox 21.0
5.4s
Opera Next 15.0.1147.18
6.2s
Google Chrome 27.0.1453.94 m
6.3s

測試顯示圖形為預設的IE10,分數為花費秒數,越低越好,排名剛好倒過來

該不會是衝著Google或Webkit而來的吧XDDD

另外有一個WebVizBench(測HTML5)的網站:
http://webvizbench.com/

不過好像分數會受解析度影響…所以就中途作罷 懶得去細部調整讓個瀏覽器顯示範圍解析度完全一致…因為太麻煩了! 這點有點可惜

原則上上面的結果有加單位的數字越大是效能越差的意思,先後順序代表分數優劣

看起來是各有千秋…滿有趣的! 供各位參考~