|
原文：20 Useful Tools to Make Web Development More Efficient 作者：Jacob Gube 翻译：szqp 11. JSUnit JSUnit is a unit testing framework for JavaScript. Testing JavaScript manually is time-consuming and prone to errors, but JSUnit provides the developer a simpler, automated way of doing unit tests to ensure thorough testing at a fraction of the time it would take to test manually. JSUnit allows for the execution of automated tests for multiple browsers and operating systems. JSUnit 是一款JavsScript单元测试框架。手工测试JavaScript非常耗时而且容易出错，JSUnit给开发者提供了一种更简单、自动化的方法去做单元测试，从而确保彻底测试的时间不过是手工测试的几分之一而已。JSUnit能够在多种浏览器和操作系统平台上执行自动测试。 12. Test plugin for JavaScriptMVC The Test plugin for JavaScriptMVC is another excellent JavaScript testing framework to help make development speedier. It was created with the concept of "JavaScript testing sucks… so we want to make it easier" in mind. The Test plugin is a comprehensive set of utilities allowing you to do unit tests as well as simulate user interaction that can occur in a web page. Test plugin for JavaScriptMVC是另一个很棒的JavaScript测试框架，它同样能提高开发的速度。它是基于“JavaScript testing sucks… so we want to make it easier”的理念创造的。这个测试插件是一个全面的工具集，它能通过模拟用户的交互操作去做单元测试。 13. Venkman: JavaScript Debugger Venkman is a JavaScript debugging environment for Firefox 2, Netscape, and Seamonkey. It gives you a GUI for stepping through JavaScript code and setting break points. It also comes with a command-line interface built in. Venkman is an extension that you can easily install and download through the Firefox Add-ons section of Mozilla.org. Venkman是一个适用于Firefox 2、, Netscape, 和 Seamonkey的JavaScript debugging环境。它提供一个可视化界面去按步执行JavaScript代码和设置断点。它也内置了一个命令行界面。Venkman是一个扩展插件，你可以很容易的在Mozilla.org上的Firefox Add-ons下载到并安装。 14. Firebug Firebug is a Mozilla Firefox extension that gives you plenty of web development tools and features. Firebug has a built-in JavaScript debugger that lets you step through your script as well as allowing you to perform benchmarks to see why your script is slow/sluggish. Firebug是一个Mozilla Firefox扩展，它提供了大量web开发工具和功能。Firebug拥有一个内置的JavaScript debugger，能让你按步执行脚本，还能通过执行基准测试去看看为什么你的脚本运行缓慢。 You can quickly hunt down CSS, HTML, JavaScript, and XML errors through Firebug, and it even allows you to filter and search for specific errors. Another handy feature is the DOM inspector pane which outlines a web page’s structure; very handy if you’re working on a big website or an open-source application that you’ve recently gotten involved with. It’s an awesome tool though I find that disabling Firebug when I’m not using it is helpful in speeding up normal browsing (such accessing Gmail, for example). 你能快速的通过Firebug查找CSS, HTML, JavaScript, 和 XML的错误，它甚至能让你过滤和查找特定的错误。另一个方便的功能是DOM检查工具板，它以大纲方式列出网页的结构，当你在开发一个大型网站，或者最近刚涉足某开源应用时，这个功能会非常有用。它是个非常好的工具，但当我不使用它时，我会将它禁用，这样能提高普通浏览的速度（比如访问Gmail时）。 15. Web Developer extension for Firefox Web Developer extension is a very handy and time-saving extension for Firefox. I’ve written and recommended it plenty of times and is an extension that I use daily. You can rapidly validate your XHTML, find JavaScript/CSS errors, visualize a web page’s structure, quickly fill out web forms for testing purposes, clear your cache with a shortcut key, change XHTML on-the-fly (great for working remotely on a web design), inspect HTTP headers information, and much more. Web Developer 是一个非常方便和省时的Firefox扩展。我多次推荐它，并且它是我每天都会用到的扩展。通过她，你能够很快的校验你的XHTML，查找JavaScript/CSS的错误，直观显示网页结构，快速填表单以便于测试，一键清除缓存，传输中改变XHTML（对于远程web设计非常有用），检查HTTP头信息等等。 16. Internet Explorer Developer Toolbar Even if you prefer Firefox (or Safari) to develop and test your web pages, you have to test your stuff in the Internet Explorer browser for cross-compatibility. Whenever I test in IE, there are plenty of times when I wish certain features in Firebug and the Web Developer extension are accessible through IE, such as the DOM inspector option or the CSS Information option. IE Developer Toolbar is the IE add-on that provides me the features I like in my Firefox extensions. 即使你喜欢用Firefox（或Safari）去开发和测试你的网页，你也不得不为了兼容性而在Internet Explorer下测试你的成果。每当我在IE下测试时，我总是希望获得那些Firebug和Web Developer的功能，比如DOM检测选项或者CSS信息选项。IE Developer Toolbar 是一个IE加载项，它提供了那些我在Firefox下常用的功能。 17. Yahoo! Design Pattern Library The Yahoo! Design Pattern Library is a large collection of proven optimal web design patterns to save you time in creating highly-sophisticated design solutions. Some things that you can find in the Design Pattern Library are: breadcrumb navigation, auto-complete for web forms, and drag-and-drop solutions. It speeds up development by offering solutions to common design needs so that you don’t have to re-invent the wheel. Yahoo! Design Pattern Library是一个被证明理想的web设计模式的大集合，它能帮你节省创建完善设计方案的时间。你能在这个设计模式库中找到的包括：面包屑导航，web表单自动完成和“鼠标拖放”解决方案。它通过提供通用的设计解决方案， 18. Test EverythingTest Everything is a web-based application for multi-purpose testing, reducing the time it takes you to use online services and validators. Test Everything is an aggregate of over 100 tools reduced to just one web page. You can validate your XHTML for web standards and accessibility, test your design in several browsers (using the Browsershots service), check page rank, and more - all in one location. Test Everything 是一个基于web的多用途测试应用，它让你不用把时间浪费在那些在线服务和校验上。Test Everything集合了超过100种工具在一个页面上。你能校验你XHTML是否符合web标准和可用性，测试你的设计在多种浏览器下的效果（利用Browsershots这个服务），检查页面等级，还有其他等等等等，所有这些都集中在了一起。 19. Pingdom Tools Pingdom Tools is web-based application that you can use for easily testing the performance of your web pages. It can give you information on the total loading time of a web page and the total number of objects required to render the page to give you insights on things you can leave out or combine. It gives you a visualization of how page objects are loaded and you can sort the results by load order, load time (helpful in seeing what’s taking so long to load), file size, file type, and URL. Pingdom Tools同样是一个基于web的应用，它能很容易的测试你网页的性能。它提供包括总的页面载入时间，总的对象要求数量等信息去建议你移除或整合某些元素。它采用可视化的方式显示有多少页面对象被载入了，并且你能根据载入顺序、载入时间（方便你查看什么载入时间最长）、文件大小、文件类型、URL等对结果排序。 20. Aptana Studio Community Edition Aptana Studio is an integrated development environment (IDE) designed for Ajax-based applications. It has JavaScript debugging, an Ajax and JavaScript library that includes some popular frameworks (such as the Dojo Toolkit) syntax colorizing, HTML/CSS/JavaScript code assistance (auto-complete and tool tips) and much more. It makes Ajax development simpler and gives the developer time-saving ways of organizing and managing multiple projects. Aptana Studio是一个为Ajax应用设计的集成开发环境(IDE)。它拥有JavaScript 调试器，一个包含为一些流行框架（比如Dojo Toolkit）语法着色的Ajax和JavaScript库，HTML/CSS/JavaScript代码辅助（自动完成和提示）等等。它让Ajax开发更简单，而且让开发者更有效的组织和管理多个工程。 Some more tools（更多工具）
Some related articles（相关文章）
I hope you’ve enjoyed this collection of tools and that you’ve found one or two that you’d like to try out. Got a tool that’s saved you a lot of time that wasn’t listed here? Share it with us in the comments. 我希望你能喜欢这个工具集合，并且已经找到一两款来试用。你有更好的节省时间的工具但不在这个列表里？在评论中跟我们分享吧。 （全文完） |
|
|
