前端開(kāi)發(fā)大眾手冊(cè)(包括工具、網(wǎng)址、經(jīng)驗(yàn)等)
一直覺(jué)得前端開(kāi)發(fā)缺個(gè)手冊(cè)，這是個(gè)體力活。不過(guò)總得有人來(lái)干。
今天閑來(lái)無(wú)事，把一些工具(online和client的)、常用網(wǎng)址、以及經(jīng)驗(yàn)總結(jié)等羅列出來(lái)和大家分享下。這個(gè)標(biāo)題起地大了點(diǎn)，肯定會(huì)有很多地方?jīng)]列到，包括類(lèi)目的分法也可能考慮不周，所以還請(qǐng)大家積極補(bǔ)充指正，可以直接留言，也可以發(fā)郵件給我(sorrycc#gmail.com)。之所以加上“大眾”兩字，因?yàn)橐韵沦Y源對(duì)于高手來(lái)說(shuō)可能早就很熟悉了。
另外想提一句，工具是死的，好不好用得看你會(huì)不會(huì)用。比如Firefox、Fiddler等，除了顯而易見(jiàn)的功能以外，都有一些小的技巧，掌握了可以讓你事半功倍。
更新記錄：
[20081025] 第一版
快捷導(dǎo)航：
在線工具集
常用Firefox插件
IE下的調(diào)試工具
參考手冊(cè)
批處理工具
IDE及其他工具
Bookmarklet
前端開(kāi)發(fā)者社區(qū)及權(quán)威網(wǎng)站
推薦訂閱的博客和網(wǎng)站
另外還搞了個(gè)Firefox插件《前端開(kāi)發(fā)工具集》，把資源整合到一個(gè)菜單下，方便查詢。數(shù)據(jù)放在線上(Google AppEngine)，速度應(yīng)該會(huì)有保證，更新也會(huì)比較方便哈。
在線工具集
書(shū)籍類(lèi)：
Book Shelf 2.0 beta —— 薦，分類(lèi)很清晰，下載很方便
Book Go!
原版圖書(shū)免費(fèi)下載鏈接收集站
51CNNET.NET
JavaScript類(lèi)：
Beautify JavaScript —— JavaScript格式化工具，效果很理想
AJAX Libraries API
Regex Tester
Compressor Packer —— 以前一直用這個(gè)壓JS，自從有了TBCompressor，就放棄他了
CSS類(lèi)：
CSS選擇器性能測(cè)試
CSSTidy —— CSS格式化工具
CSS Compressor —— CSS壓縮
其他：
GUID 生成器 —— 做某些東西(Firefox插件)時(shí)需要唯一資源標(biāo)志符時(shí)用
W3Counter
WebWait - Benchmark Your Website
常用Firefox插件
支付寶安全控件 和 旺旺協(xié)議 —— 網(wǎng)購(gòu)專(zhuān)用，F(xiàn)irefox+浦發(fā)網(wǎng)銀，無(wú)敵了
Firebug —— 這個(gè)不用介紹了吧，附空幃的外部編輯器亂碼修正版
Firecooike —— 支持Cookie的查看和編輯
Jiffy —— 調(diào)試性能的，用起來(lái)比較麻煩，沒(méi)試過(guò)
YSlow —— Why Slow? YUI出品
Pixel Perfect —— 把設(shè)計(jì)稿直接拖到Firefox里進(jìn)行對(duì)比
Rainbow for Firebug —— JS高亮，性能不是很理想
Fiddler 開(kāi)關(guān) —— 簡(jiǎn)化在Firefox里切換Fiddler的操作，感謝Taobao UED的空幃同學(xué)
Web Developer
DevBoi —— 把Html, Dom, JavaScript等手冊(cè)放在側(cè)欄里，可以自定義增加，快捷鍵Ctrl+F9?？梢栽谶@里找到更多的Package。
RefControl —— 針對(duì)每個(gè)站點(diǎn)發(fā)送想要的HTTP Referer
GreaseMonkey —— 看某個(gè)網(wǎng)站不爽，寫(xiě)個(gè)小腳本來(lái)優(yōu)化下還是不錯(cuò)的
HttpFox —— 查看當(dāng)前Http鏈接狀態(tài)，類(lèi)似IE下的HttpWatch
User Agent Switcher —— 切換User-Agent，同時(shí)開(kāi)發(fā)iphone和web版本的時(shí)候很方便
FoxyProxy —— 穿墻工具，配合專(zhuān)業(yè)代理公布器使用很和諧
IE下的調(diào)試工具
Fiddle2 —— 非常強(qiáng)悍的一款http流查看工具，默認(rèn)支持IE，其他瀏覽器可以設(shè)置將{Document}\Scripts\BrowserPAC.js設(shè)為代理進(jìn)行使用。Firefox下可用上述"Fiddler 開(kāi)關(guān)"進(jìn)行快速切換。支持插件。
IE Developer Toolbar —— 查看元素、禁用緩存、禁用CSS\JS、Outline元素、查看生成的源碼等功能，IE8自帶了一個(gè)加強(qiáng)版的。
Microsoft Script Debugger + Companion.JS —— 調(diào)試JS用，雖然報(bào)錯(cuò)還是有誤差，但是我已經(jīng)滿足了。安裝順序是：Microsoft Script Debugger，Companion.JS，在"IE選項(xiàng)-高級(jí)"里取消禁用腳本調(diào)試。
多版本IE共存兩種方案：
IE7/8 + IE Tester —— 大眾型配置，可以基本滿足日常需要。
IE6 + Internet Explorer Collection —— 在IE 6用戶占絕對(duì)優(yōu)勢(shì)以及IE 6神奇bug滿天飛的時(shí)代，我還是推薦這種方案，因?yàn)橹挥猩衿娴脑bIE 6，才能抵擋運(yùn)營(yíng)神奇的問(wèn)題。另外如果還有其他機(jī)器可供支配的話，建議再裝個(gè)IE 8 + IE Tester，因?yàn)镮E 8下的Developer Toolbar還是有很大改進(jìn)的，調(diào)試起來(lái)會(huì)方便一些。
以下三個(gè)軟件相對(duì)不重要些：
HttpWatch —— http流查看
Instant Source —— 可查看JS生成的源碼
NetLimiterPro —— 網(wǎng)速限制
參考手冊(cè)
XHTML、CSS & DOM W3C 手冊(cè) —— 玉伯整理的版本，包含了W3C手冊(cè)以及其他有用的資料。
蘇昱的CSS中文手冊(cè)和Dom中文手冊(cè)
JScript語(yǔ)言參考
XML指南
XMLHTTP參考手冊(cè)
jQuery 1.2.6 API和jQuery and jQuery UI Reference 1.2
Apache 2.2 中文版參考手冊(cè)在線版
MySQL 5.1 參考手冊(cè) (在線版)
PHP手冊(cè)
YUI Cheatsheet
Cheat Sheet Roundup - Over 30 Cheatsheets for developers
23個(gè)Cheatsheet打包下載
批處理工具
TBCompressor —— 淘寶UED的JS/CSS壓縮工具，詳見(jiàn)玉伯的介紹
pngOptimizer —— png優(yōu)化工具
jpegTran —— jpeg去冗余meta工具
IDE及其他工具
Editplus v301 漢化版
Tortoise SVN
移動(dòng)版本的 Apache + PHP —— 灰?；页：糜茫页；页Ｒ苿?dòng)，見(jiàn)明城的說(shuō)明
…
Bookmarklet(右鍵另存)
Firebug Lite —— 官方介紹
Xray —— 官方介紹
MRI —— 官方介紹
‘+ window.document.documentElement.outerHTML+ ”">查看生成的源碼，‘+ window.document.documentElement.outerHTML+ ”);})()">打開(kāi)新窗口查看生成的源碼 —— for IE
開(kāi)發(fā)者社區(qū)及權(quán)威網(wǎng)站
Mozilla Developer Center (MDC)
YAHOO! Developer Network (YDN)
Dev.Opera
Apple Developer Connection
MSDN
IBM Developers中國(guó) (Web 前端開(kāi)發(fā)技術(shù)專(zhuān)題)
WebKit
AOL Developer Network
SlideShare - Share PPT —— 在線PPT分享，資源豐富
Google Doctype —— Web開(kāi)發(fā)人員的百科全書(shū)
W3C (香港，中國(guó))
Position Is Everything
HTML Dog
維基百科
推薦訂閱的博客和網(wǎng)站(排名不分先后)
國(guó)外
內(nèi)容聚合：A List Apart，Ajaxian，Smashing Magazine，456 berea street，Script & Style，CSS Globe，CSS-Tricks，SitePoint
團(tuán)隊(duì)Blog：Yahoo! User Interface Library (YUI)，IEBlog
個(gè)人Blog：John Resig，PPK: QuirksMode，Douglas Crockford，Dean Edwards，Nate Koechley，Julien Lecomte，Eric A. Meyer，Andy Budd，Steven Levithan，HedgerWow
國(guó)內(nèi)
內(nèi)容聚合：Blueidea，無(wú)憂腳本，網(wǎng)頁(yè)設(shè)計(jì)師(W3CN)，JavaScript教程網(wǎng)
團(tuán)隊(duì)Blog：淘寶，口碑，阿里巴巴國(guó)際站，阿里巴巴中文站，阿里巴巴中文站前端開(kāi)發(fā)團(tuán)隊(duì)(方凳)，阿里媽媽?zhuān)Ц秾?，阿里軟件?9樓，九天音樂(lè)，金蝶與友商網(wǎng)
個(gè)人Blog，這里列出的是原創(chuàng)并更新相對(duì)頻繁的博客，如有遺漏，請(qǐng)告之(sorrycc#gmail.com)：懌飛，手氣不錯(cuò)，Realazy，old9(需穿墻術(shù))，沙灘涼鞋(空幃)，射雕(玉伯)，Aether，振之，嗷嗷，JunChen，爆牙齒，秦歌，克軍，5key，小志，Rage(正淳)，麥雞，云烈，老冒，番茄紅了，Joyqi，盧力，CSS森林(Ghost)，Twinsen，Gulu77，Rlog，Dlog，子鼠，西風(fēng)坊 …
作者：陳成
來(lái)源：月光博客
