aoao轉載Web前端開發的一些資源

日期：2013-12-07  來源：攀枝花惠康網絡公司

ps：良多是E文的，真暈！

清算了一些Web前端開發的資本，搜羅有瀏覽器開發工具，Microformats，電子書資本等，如不美觀你有更好的資本給我郵件。

瀏覽器及相關開發工具

瀏覽器 相關開發工具 Firefox, Flock

• Web Developer Toolbar (various)
• Firebug (DOM, CSS, JavaScript, Traffic)
• Modify Headers (Ajax)
• Poster (Ajax)
• XRAY, MRI (CSS)
• Firefox Accessibility Extension
• LiveHTTPHeaders

IE6, IE7, IE8beta

• IE Developer Toolbar (DOM, CSS)
• HttpWatch (HTTP viewer)
• Web Accessibility Toolbar (Accessibility and more)
• XRAY, MRI (CSS)
• Visual Web Developer Express Edition (JavaScript)
• Microsoft Script Debugger (JavaScript)

Opera

關于瀏覽器多版本并存問題

• Firefox裝3.0的，再裝個Flock1.1(內核為firefox2)的，就可以并存兩個版本，某些插件不撐持新版可裝Nightly Tester Tools來解決
• IE多個版本并存可選擇Multiple IE或者IETester

一些在線用的小東東

Dragonfly

• Opera developer tools (DOM, CSS, JavaScript)
• Opera Error Console (HTML, CSS, JavaScript)
• Web Accessibility Toolbar (Accessibility and more)

Safari WebKit

• XRAY, MRI (CSS)
• 偏好設置》高級》在菜單欄中顯示開發菜單

相關開發工具，來自klauskomenda.com

【轉載】：http://www.aoao.org.cn/resource/

Accessibility

• WAVE 3.0 Web Accessibility Tool 高度可定制的工具，它采用了圖形化模子展示網站兼容性問題（ WCAG 1.0 and section 508 ）。
• TAW Web Accessibility Test 測試網頁是否存在沖突（ WCAG 1.0 兼容性 ），經由過程圖形模式生成一份依據 wcag 優先模式為基本的網站改削建議。
• HiSoftware CynthiaSays portal 采用了很是嚴酷的軌則來測試網頁（ 按照 section 508 和 WCAG 1.0 軌則 ），生成的陳述也極為具體。
• HERA Accessibility testing with Style 使用一種極為復雜但輕易理解體例指出網頁的 wcag1.0 兼容性問題。

瀏覽器模擬工具

• Browsershots 能給出你的網站在分歧瀏覽器下顯示效不美觀的截圖，搜羅：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），可是結不美觀要在 1 – 3 小時后才能出來。
• Browsrcamp 沒有Mac的同窗可以來這里。。實時生成Safari滴，速度很快。
• IE NetRenderer 沒有Win的同窗可以來這里。。實時生成你的網站在 Internet Explorer 5.5 、6.0 和 7.0 下的截圖。
• MobiReady Report 剖析使用手機訪謁網頁的兼容性問題，會生成一份具體的陳述，并供給了在兩種分歧類型的手機瀏覽器上你得網站可能顯示的樣子。

一些軟件

Mac

• Code：華美的軟件設計，最年夜的利益就是同步便利
• TextMate：適用軟件，最年夜的錯誤謬誤就是中文撐持欠好，而且不撐持存GBK的

Microformats^{Cheat Sheet 另一份}

• http://tools.microformatic.com/
• Firefox Add-ons :Tails Export (聲名), Operator
• Safari Microformats plugin

一些參考資料

• Web開發人員的百科全書：Google Doctype,搜羅Web平安、JavaScript、DOM節制、 CSS技巧和橋縵閂等。
• HTML^{Cheat Sheet}: SitePoint HTML Reference (beta) HTML Playground
• CSS^{Cheat Sheet}：W3C CSS2中文翻譯（有CHM），CSS2在線參考手冊， SitePoint CSS Reference, Mozilla_私有屬性^部門翻譯