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_私有属性^部门翻译