原文：20 Useful Tools to Make Web Development More Efficient
作者：Jacob Gube
翻譯：szqp
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給開發(fā)者提供了一種更簡單、自動化的方法去做單元測試，從而確保徹底測試的時間不過是手工測試的幾分之一而已。JSUnit能夠在多種瀏覽器和操作系統(tǒng)平臺上執(zhí)行自動測試。
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測試框架，它同樣能提高開發(fā)的速度。它是基于“JavaScript testing sucks… so we want to make it easier”的理念創(chuàng)造的。這個測試插件是一個全面的工具集，它能通過模擬用戶的交互操作去做單元測試。
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環(huán)境。它提供一個可視化界面去按步執(zhí)行JavaScript代碼和設(shè)置斷點。它也內(nèi)置了一個命令行界面。Venkman是一個擴展插件，你可以很容易的在Mozilla.org上的Firefox Add-ons下載到并安裝。
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開發(fā)工具和功能。Firebug擁有一個內(nèi)置的JavaScript debugger，能讓你按步執(zhí)行腳本，還能通過執(zhí)行基準測試去看看為什么你的腳本運行緩慢。
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檢查工具板，它以大綱方式列出網(wǎng)頁的結(jié)構(gòu)，當你在開發(fā)一個大型網(wǎng)站，或者最近剛涉足某開源應(yīng)用時，這個功能會非常有用。它是個非常好的工具，但當我不使用它時，我會將它禁用，這樣能提高普通瀏覽的速度（比如訪問Gmail時）。
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擴展。我多次推薦它，并且它是我每天都會用到的擴展。通過她，你能夠很快的校驗?zāi)愕腦HTML，查找JavaScript/CSS的錯誤，直觀顯示網(wǎng)頁結(jié)構(gòu)，快速填表單以便于測試，一鍵清除緩存，傳輸中改變XHTML（對于遠程web設(shè)計非常有用），檢查HTTP頭信息等等。
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）去開發(fā)和測試你的網(wǎng)頁，你也不得不為了兼容性而在Internet Explorer下測試你的成果。每當我在IE下測試時，我總是希望獲得那些Firebug和Web Developer的功能，比如DOM檢測選項或者CSS信息選項。IE Developer Toolbar 是一個IE加載項，它提供了那些我在Firefox下常用的功能。
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設(shè)計模式的大集合，它能幫你節(jié)省創(chuàng)建完善設(shè)計方案的時間。你能在這個設(shè)計模式庫中找到的包括：面包屑導(dǎo)航，web表單自動完成和“鼠標拖放”解決方案。它通過提供通用的設(shè)計解決方案，
Test 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的多用途測試應(yīng)用，它讓你不用把時間浪費在那些在線服務(wù)和校驗上。Test Everything集合了超過100種工具在一個頁面上。你能校驗?zāi)鉞HTML是否符合web標準和可用性，測試你的設(shè)計在多種瀏覽器下的效果（利用Browsershots這個服務(wù)），檢查頁面等級，還有其他等等等等，所有這些都集中在了一起。
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的應(yīng)用，它能很容易的測試你網(wǎng)頁的性能。它提供包括總的頁面載入時間，總的對象要求數(shù)量等信息去建議你移除或整合某些元素。它采用可視化的方式顯示有多少頁面對象被載入了，并且你能根據(jù)載入順序、載入時間（方便你查看什么載入時間最長）、文件大小、文件類型、URL等對結(jié)果排序。
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應(yīng)用設(shè)計的集成開發(fā)環(huán)境(IDE)。它擁有JavaScript 調(diào)試器，一個包含為一些流行框架（比如Dojo Toolkit）語法著色的Ajax和JavaScript庫，HTML/CSS/JavaScript代碼輔助（自動完成和提示）等等。它讓Ajax開發(fā)更簡單，而且讓開發(fā)者更有效的組織和管理多個工程。
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.
我希望你能喜歡這個工具集合，并且已經(jīng)找到一兩款來試用。你有更好的節(jié)省時間的工具但不在這個列表里？在評論中跟我們分享吧。
（全文完）
