gipi的學習筆記-經營管理、數據思考、終身學習

[Tool]好用的FireFox Add-on for Web Developer
今天在找FireFox對web developer好用的工具時看到這個很棒的工具
https://addons.mozilla.org/zh-TW/firefox/addon/60/developers

InfoQ上的一篇新聞：W3C Releases Unicorn Web Validation Tool

在測試我們設計的網頁是否能在各種標準瀏覽器(桌上型+行動裝置)上執行，總是讓人煞費苦心，大多數出問題的地方都在html、CSS、js的屬性、標籤上，有時候為了調整這些小地方，就要花費許多的時間還不見得改到正確的地方，W3C推出這個網頁版的驗證工具真是佛心來的，可同時驗證四部分：
Markup validator：檢查html的標籤是否符合標準
CSS validator：檢查CSS是否標準
MobileOk checker：檢查對Mobile瀏覽器的友善度
Feed validator：檢查Atom或RSS的文法

[Tool]檢查你的網站的壓縮狀況

[Tool]Microsoft Pivot:微軟即將推出的新瀏覽工具

[Tool]線上Scrollbar樣式產生器

[Tool]Google Chart API

[Tool]線上Logo產生器-Supalogo

[Tool]Google Chrome Extensions

[Tools]Google的Page Speed

[Tool]Microsoft Expression Web 3 SuperPreview

[Tools]解決檔案鎖定問題-Unlocker

[Tool]畫面錄製工具-Macromedia Captivate

[Tool]好用遠端遙控工具-ShowMyPC

[Tool]程式碼片段管理工具-iCode Library.NET

[Tool]好用工具介紹-CodeKeep

[Other]除錯工具大全

[Tool]好用小工具-ZoomIt

自IE8.0開始，IE終於也將開發者工具加入基礎功能中，但如何善用這個功能呢？以下我們介紹一下IE8.0的開發者工具的應用實例。

這是一套封包監控工具，先前在客戶家出現網頁Postback後出現反白的現象，這個問題當初曾經懷疑是資料庫deadlock所造成，所以就去監控資料庫的狀況，但並無所獲，因此後來猜想可能是在Request/Response中間有封包送漏了

這個工具跟Network Monitor很相似，但它的介面更精簡，且主要不是在分析封包，我常把它用來做為網路流量的監控，比如我想看看我IIS站台的網頁壓縮是否設定成功，或者想看看我的JS、CSS等靜態檔案是否有被cache在client端，這時候我就會用此工具來觀察流量是否異常