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