hintcnuie 发表于 2013-2-7 22:17:25

Web开发中不可缺少的浏览器相关工具

整理了一些Web前端开发的资源,包括有浏览器开发工具,Microformats,电子书资源等,如果你有更好的资源给我邮件。
浏览器及相关开发工具


浏览器相关开发工具Firefox, Flock

[*]Web Developer Toolbar (various)
[*]Firebug (DOM, CSS, JavaScript, Traffic)

[*]YSlow
[*]Pixel Perfect

[*]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         
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
关于浏览器多版本并存问题

[*]Firefox装3.0的,再装个Flock1.1(内核为firefox2)的,就可以并存两个版本,某些插件不支持新版可装Nightly Tester Tools来解决
[*]IE多个版本并存可选择Multiple IE或者IETester
一些在线用的小东东

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 兼容性问题。
浏览器模拟工具
页: [1]
查看完整版本: Web开发中不可缺少的浏览器相关工具