DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 破洛洛收集非常有用的免費的Javascript開發工具
破洛洛收集非常有用的免費的Javascript開發工具
編輯:關於JavaScript     

網頁制作poluoluo文章簡介:非常全面的實用JavaScript開發工具列表.

tools-for-javascript-developers

不管你是JavaScript新手還是經驗豐富的開發者,你所使用的工具直接影響你的工作效率。開放源代碼運動使得擁有得力的工具不再意味著付一大筆錢;實際上你什麼都不用付出。下面是一個對JavaScript開發者真正有實用價值的免費工具列表。

測試

JSLint –JavaScript的驗證器

JSLint取得一個JavaScript源代碼並對其掃描。如果發現問題,它送回信息描述問題狀況及在源代碼中的大概位置。問題不一定就出在句法上,不過常常正是這裡出錯。JSLint查看一些風格約定和結構問題,它證明不了程序是否正確。它只是提供了另一雙眼睛來幫助發現問題。

JsUnit

JsUnit是一個客戶端(內浏覽器)JavaScript單元測試框架。它其實是JUnit給JavaScript的一個口岸。其中還有一個平台來在多個浏覽器上以及運行不同操作系統的多個機器上的自動執行測試。

YUI Test

YUI Test是一個測試框架,它針對基於浏覽器的JavaScript解決方案。你可以用YUI Test在JavaScript 解決方案上輕松添加單元測試。

Obtrusive JavaScript Checker

可作為Firefox擴展,Greasemonkey用戶腳本,以及Ubiquity命令;Obtrusive JavaScript Checker是一種可以掃過頁面上所有元素的工具,發現帶有行內事件的HTML元素(這是有危害性的,JavaScript應該是不張揚的)時,它給這部分加紅邊使其凸顯。

Crosscheck

Crosscheck是一個開源測試框架,驗證內浏覽器JavaScript代碼。它幫助你確保代碼可以在Internet Explorer和Firefox等種種不同的浏覽器上運行,而這些浏覽器都不需要安裝。

JSLitmus

JSLitmus是一個輕量級工具用來制作JavaScript的特定標准測試。

JavaScriptMVC的測試插件

JavaScriptMVC的測試庫提供事件模擬,單元測試,Ajax 夾具,和一個控制台程序。

調試

Javascript調試工具包

JavaScript調試工具包是一種跨浏覽器調試JavaScript的eclipse plugin,它可以在IE,Firefox,Safari,Chrome,Opera甚至是移動浏覽器上調試JavaScript。

Firebug

作為最受歡迎的網頁開發程序工具,Firebug是Firefox的一個插件,可以用它在任何網頁上現時編輯,調試和監控CSS, HTML, 和JavaScript。它提供給JavaScript登陸和調試控制台一些有用的功能如AJAX requests logging,JavaScript解釋器,DOM explorer等等。

Firebug Lite 可以在IE, Opera, 和Safari上使用。

Venkman

Venkman為基於Gecko的浏覽器提供功能強大JavaScript調試環境。這個調試器以Firefox & Mozilla插件的形式使用。可以在用戶界面上和控制台命令中使用斷點管理,調用棧檢查,變量/對象檢查等功能,可以讓你以最習慣的方式調劑。

NitobiBug

NitobiBug是一種基於浏覽器的JavaScript對象記錄和檢查工具——與Firebug作用相似。NitobiBug在可以在不同的服務器(IE6+, Safari, Opera, Firefox)上運行以提供開發各種Ajax應用程序一致且功能強大的工具。

DamnIT

DamnIT是一種免費服務,當用戶在網頁上遇到JavaScript錯誤時它會給你發送電子郵件。

JS Bin

JS Bin是一種在線網絡應用程序,為幫助JavaScript開發者在一定情景裡測試代碼片段以及協作調試代碼而特別設計。你可以用JS Bin在線編輯測試JavaScript和HTML代碼。一旦完成,你可以將URL保存並發送給同伴來進行審查或獲得幫助。

Blackbird

許多JavaScript開發者僅僅使用alert()來顯示各種信息調試代碼。Blackbird在JavaScript上提供了記錄信息的簡單方式以及一個引人注意的控制台程序來察看並過濾信息。

HTTP監控

Fiddler

Fiddler是一種Web調試代理,它記錄你的電腦和網絡之間所有的HTTP(S)流量。可以用Fiddler檢查所有HTTP(S)流量,設置斷點,干涉進來或出去的數據。

TamperData

TamperData是一個追蹤並修改http/https請求的Firefox擴展。可以用它做基於網絡的應用程序的安全測試,追蹤請求/回應。

Live HTTP Headers

可以在浏覽的時候查看網頁的HTTP headers。可以用Live HTTP Headers調試網頁應用程序,找出遠端網站使用的是那種網站服務器,或者查看遠端網站發送的小數據文件。

文件

jGrouseDoc

jGrouseDoc可以從源代碼中的注釋生成API文件。你可以用這個工具記載你需要的所有構造——不僅有函數和變量,還有類文件包,界面,命名空間,包和其它。使用那種JavaScript框架是無關緊要的——你可以不采取框架或工具強加的方式而以自己希望的方式記錄代碼

JSDoc Toolkit

JavaScript的一種文件產生器,以JavaScript形式寫成;它自動從加注的JavaScript源代碼中生成格式模版化,多頁面HTML(或XML, JSON, 抑或其它文本)。

壓縮

Online Javascript Compression Tool

一個可以用一些壓縮算法如JSMin 和 Packer壓縮JavaScript文件的在線JavaScript壓縮器。壓縮的JavaScript文件是生產環境中的理想文件,因為它們常常將文件大小減小30-90%。在很大程度上,文件尺寸的縮小是通過除去網頁浏覽者或訪問者不需要的注釋和多余的空格字符來實現的。

Scriptalizer

一個將多個JavaScript文件組合為一個文件的在線工具。

Dojo ShrinkSafe

一種命令行實用程序,允許你用浏覽器縮小文件大小,從而縮短響應時間。Dojo壓縮器不是建立在脆弱的規則表達式基礎上的。它基於來自莫茲拉專案的JavaScript引擎。由於一個基於真正的parse stream,Dojo壓縮器比基於規則表達式的工具可以更好體現代符(變量名等等)的環境。

YUI Compressor

The YUI Compressor是一種JavaScript壓縮器。去除注釋和空格之外,它還可以用最小可用變量名混淆局部變量。即使在使用‘eval’或‘with’之類構造(在這些情況下壓縮並不合適),這種混淆也是安全的。與jsmin相比,它平均節省20%。

格式化

JavaScript代碼美化工具

這個美化工具可處理散亂或壓縮的JavaScript代碼,不斷對其進行快速的格式化並使其可讀。

編輯程序&集成開發環境

Aptana Studio

Aptana Studio是一個完整的網絡開發環境。它提供有JavaScript代碼自動完成和調試,HTML/CSS/JavaScript代碼提示,以及對重要的Ajax類庫的支持。Aptana Studio甚至給你頁面上所有的,包括你自己的JavaScript提供代碼提示。

Komodo Edit

Komodo Edit是一種免費開放的源編輯程序。它提供自動完成,調用提示,多種語言支持,語法高亮顏色顯示,語法檢查,Vi emulation,Emacs快捷鍵綁定等等功能。擴展Komodo Edit是其最實用的功能之一。你會發現各種對JavaScript開發者有用的擴展(如JSLint plugin for Komodo,Venkman JavaScript Debugger,等等)。

Spket IDE

Spket IDE是JavaScript和XML開發功能強大的工具包。JavaScript, XUL/XBL and Yahoo! Widget開發功能強大的編輯器。JavaScript編輯器有代碼完成,語法高亮顯示和內容概要等功能,這些功能幫助開發者高效制作出有效的JavaScript代碼。Spket IDE為非商業用途免費提供。

其它工具

Google的 AJAX APIs Playground

AJAX API Playground裝載有Google JavaScript APIs(Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries和 Earth,等等)例子,你可以編輯運行這些例子幫助你探究Google的APIs可提供的功能。同時也還有保存和輸出功能。你可以用保存功能保持編輯的例子以留待以後使用。而輸出功能可用來修改例子並把代碼公布在一個永久的URL上。

QuirksMode – 相容性表

檢查CSS2, CSS3, DOM Core, DOM HTML, DOM CSS, DOM Events 和CSS Object Model View主要浏覽器相容性狀態的最受歡迎的出處。

HTML到JavaScript轉換器

HTML到JavaScript轉換器獲得置標並將它轉換成一系列可以在JavaScript塊中使用的document.write()申明。

Glimmer

Glimmer是一種桌面應用軟件,可以用它利用jQuery庫的作用在網頁上輕松制作交互式元素。可以用它輕松制作交錯感受如旋轉相冊/報頭,下拉導航,懸停效果,或自定義動畫。

jQuery Function Builder

你可以用這個工具很快建立一個函數集,當頁面加載完畢/准備完畢時,調用該函數集。

JavaScript Regex Generator

一個制作規則表達的在線工具。

其它浏覽器擴展

Firefox, Flock & Seamonkey的網絡開發人員擴展

網絡開發人員拓展在浏覽器中增加了一個菜單和工具條,其中包含許多網絡開發工具包括能使你的XHTML生效,發現JavaScript/CSS的錯誤,網頁結構可視化,測試網絡表單,改變運行中的XHTML,檢查HTTP頭信息等等。

Opera Dragonfly

Opera Dragonfly 是Opera浏覽器的跨設備,跨平台調試環境—調試 JavaScript, 檢查編輯CSS和DOM, 並且查看移動設備或計算機上的錯誤。

IE6/7的開發者工具條

微軟的英特網浏覽器開發者工具條為網頁的快速創建,理解和故障診斷提供了各種的工具。

原文:List of Really Useful Free Tools For JavaScript Developers

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved