javascript的工具,javascript編程工具

本文目錄一覽：

• 1、有好用Javascript的調試工具嗎？
• 2、javascript用什麼工具
• 3、javascript用什麼開發工具
• 4、javascript 使用什麼開發工具
• 5、北大青鳥設計培訓：JavaScript代碼測試必備的12款工具？

有好用Javascript的調試工具嗎？

1) Drosera

介紹新的除了開源的WebKit javascript 調試工具。Drosera 是以一個最大類的吃植物的蟲子命名的，讓你附加和調試任何WebKit 應用而不僅僅是基於Safari。

2) Dragonfly

源視圖顯示語法高亮的腳本,連同可以設置斷點的選項。一個強大的搜索功能可以讓你搜索當前選擇的腳本或用文本，正則表達式來載入所有的javascript文件

3) firebug

火狐集成了Firebug提供了一個豐富的web 開發工具，你可以在任何網頁編輯、調試和監控的CSS,HTML,和JavaScript。

4) Debugbar

5) Venkman

Venkman是Mozilla的javascript degugger 的代碼名稱。 它的目的是為火狐提供一個有力的JavaScript調試環境基於瀏覽器也就是Firefox,Netscape 7.x/9.x 和SeaMonkey.

javascript用什麼工具

最優秀的當然是Spket了！

可以獨立用，也可以作為Eclipse插件！支持導入自定義的提示包。

IntelliJ IDEA：可以提示js、css；支持非常好。

你可以把它當作寫js的編輯器使用就可以了，當作editplus、notepad、notepad++至於調試當然是firebug莫屬了。

javascript用什麼開發工具

JavaScript自推出後就大受開發者的青睞，基於JavaScript的開發工具（這裡包含大量的JS開發資源，包括前端、框架、通用類等）不計其數，開發者們可以靈活選擇，輕鬆構建應用。本文分享十款JavaScript開發工具

1. Kreate

這款工具有助於對 jQuery對象快速生成DOM。你可以創建單個或多個元素。

2. Night Watch js

Nightwatchjs擁有一個簡潔而強大的語法，能夠允許你快速編寫測試。它是專用於瀏覽器應用和網站的一款端到端的測試解決方案。

3. Gulpjs

Gulp是比較火的開源項目，配置更簡潔、更直觀，受到很多開發者的青睞。

4. Easy Starjs

Easystarjs是利用 JavaScript API編寫的，常用語構建HTML5遊戲。開發者可以將其與現有的JS框架搭配使用。

5. Headroom.js

Headroom.js 是一款輕量級、高性能的JS組件（無依賴性）。

6. Harpjs

Harp是一款快速的、輕量級的Web伺服器。Harp serves Jade，Markdown，EJS，CoffeeScript, Sass, LESS以及Stylus as HTML、CSS JavaScrip均可輕鬆配置。

7. Gantt Twproject

Twoproject是一款在線免費的JS開發工具，基於jquery創建而來，擁有強大迷人的特性，包括CSS皮膚樣式、資源編輯等。

8. Mocha

Mocha是一款功能豐富的JavaScript測試框架，可基於node.js及瀏覽器運行，它使非同步測試變得更為簡單有趣，支持靈活且準確的輸出，捕捉異常現象。

9. Responsive Nav

Responsive Nav是一款輕量級的插件，幫助你為小屏幕創建連接導航。支持為移動設備創建觸摸交互設計以及CSS轉換等特性。

10. File API

javascript 使用什麼開發工具

Spket IDE是一款功能強大的工具包，支持JavaScript和XML開發。其強大的功能可用於JavaScript、XUL/XBL和Yahoo! Widgetd的編輯開發。 這款JavaScript編輯器提供了像代碼完成、語法高亮和內容概要等功能，可幫助開發人員高效地創建JavaScript代碼。

IxEdit是一款面向網站的基於JavaScript的交互設計工具。IxEdit允許設計師練習DOM腳本而無需在網頁上動態地改變、添加、移動或變換元素的代碼。

EpicEditor是一款可嵌入的JavaScript Markdown編輯器，具備了分體式全屏編輯、實時預覽、自動保存草稿、離線支持等等功能。對於開發人員來說，它提供了一個強大的API，主題明確，並且允許你用任何內容置換出捆綁的Markdown解析器

北大青鳥設計培訓：JavaScript代碼測試必備的12款工具？

1、JasmineJasmine是一個行為驅動的測試開發框架，用於對JavaScript代碼進行測試。

它不依賴其它任何JavaScript框架，也不需要DOM。

它的語法簡潔、明確，寫測試非常容易。

2、MochaMocha是一個功能豐富的JavaScript測試框架，既運行於Node.js環境中，也可以運行於瀏覽器環境中。

Mocha以串列方式運行測試，能做出靈活而準確的報告，也能將測試中未捕捉的異常映射到正確的測試用例。

3、ChaiChai是個支持BDD/TDD的庫，可用於node和瀏覽器，可配合任何JavaScript測試框架使用。

4、QUnitQUnit是個功能強大又易於使用的JavaScript單元測試框架。

jQuery、jQueryUI和jQueyMobile項目都使用這個框架，它能測試普通的JavaScript代碼。

5、SinonSinon.JS為JavaScript提供了獨立的spies、stubs和mocks[譯者註：Spy、Stub和Mock都是測試專用名詞，Stub常被翻譯為樁，spies是Spy的複數形式，是一種可以監視方法、調用和參數的技術]。

它不依賴任何東西，可以配合任何單元測試框架工作。

6、KarmaKarma是針對連通瀏覽器的一個框架無關測試運行器。

每一個測試結果對應每個瀏覽器，它的測試和顯示都是通過命令行暴露給開發者的，這樣他們就可以看到瀏覽器測試的通過或失敗。

7、SeleniumSelenium有一個簡單的目標：就是自動化瀏覽器。

它主要用於自動化測試web應用程序，但是只是很簡單地考慮到了基於網路的管理任務。

8、WebdriverIOWebdriverIO允許用戶僅添加幾行代碼就可以控制瀏覽器或移動應用程序，使測試代碼更簡單、簡潔、易讀。

集成的TestRunner同樣允許你以同步的方式調用非同步命令，這樣你不需要關心如何處理Promise以避免競態條件。

此外，它取消了所有的繁瑣的設置工作，並且會為您管理的Selenium會話。

9、NightwatchNightwatch.js是一個易於使用的Node.js，它是為基於瀏覽器的app和網站設計的終端到終端（E2E）的測試方法。

它使用強大的W3CWebDriverAPI，用於在DOM元素上執行命令和斷言。

10、PhantomCSSPhantomCSS獲得CasperJS捕獲的屏幕截圖，並使用Resemble.js將其與基準圖進行對比，以測試RGB像素差異。

java課程發現PhantomCSS然後生成圖像差異對比，用於幫助您找到原因。

11、PhantomFlowPhantomFlow使用決策樹提供UI測試方案。

針對PhantomJS,CasperJS和PhantomCSS的NodeJS包裝器——PhantomFlow能夠流暢地在代碼中描述用戶流程，同時生成用於可視化的結構化樹數據。