測試js代碼是否有錯用什麼軟件（js代碼測試工具）

本文目錄一覽：

• 1、如何測試js代碼
• 2、怎麼在IE瀏覽器上測試JS代碼
• 3、什麼軟件能用來調試Javascript代碼？
• 4、javascript用什麼編輯器
• 5、求能直接檢查html代碼的工具。 比如我使用了js腳本後在瀏覽器裡面顯示的頁面和html代碼是否正

如何測試js代碼

可以直接用谷歌瀏覽器測試。

谷歌瀏覽器開發者工具比較全面，可以打斷點，可以查看調用棧，同時可以查看html和css的變化情況，所以一般情況使用谷歌瀏覽器測試js就可以了。

其他的開發工具，雖然也有js調試，但是可能不能跟蹤html,css等的變化。

怎麼在IE瀏覽器上測試JS代碼

1在ie中，如果不依賴外部工具進行js調試，而使用原始的alert的話，會大大增加js調試的難度。而微軟的office、visual studio裡邊都帶了可以支持ie調試的工具。

在安裝office(2003、2007帶此工具，2010+不帶此工具)時，選擇自定義安裝，將office 工具-html源文件編輯器下及下邊的所有功能全部安裝。

2安裝後在office安裝目錄下可以找到msd7.exe文件(office 2007安裝後，該文件在系統盤\Program Files\Common Files\microsoft shared\OFFICE12目錄下)，啟動該文件後，點擊調試窗口菜單，如果有安裝選擇，點擊進行安裝。

3安裝完成後，打開瀏覽器設置，開啟調試功能。在internet選項中，將高級選項的禁用腳本調試兩項前邊的勾去掉。點擊確定後重新啟動瀏覽器.

什麼軟件能用來調試Javascript代碼？

請在瀏覽器中按下F12打開javascript的console. 各種瀏覽器之中chrome的console是最好用的. 在js可以通過console.log()方法輸出任意對象. js中的console對象還有很多其它能幫助調試的函數, 可以在msdn上查一下

另外, 最好的javascript ide是jetbrains的webstorm, 很多錯誤可以在編寫時就幫你排除掉

javascript用什麼編輯器

目前前端使用率最高的就是sublime 和 webstorm了，當然了還有visual ，DW， 等等。下面僅介紹一些sublime和webstorm。

1.Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。

Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平台的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。

2.WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

功能編輯

JavaScript

· 基於DOM，特定瀏覽器完成

· 編碼導航和用法查詢

· 支持ECMAScript

· 支持CoffeeScript

· 支持結點

· JavaScript重構

· JavaScript單元測試

· 代碼檢測和快速修復

· JSLint/JSHint

· 基於 Mozilla的JavaScript調試器

其他用途

· 批量代碼分析

· 編碼語言混合或內混

· 拼寫檢查器

· 重複代碼檢測器

編輯語言

· 支持HTML5

· css/js

· 檢驗和快速修復

· Zen編碼

· 顯示內容

· 顯示應用的風格

便捷的環境

· HTML5樣本文件和其他Web應用程序模板

· FTP和遠程文件同步

· 集成了版本控制系統

· 本地記錄

優勢功能編輯

智能的代碼補全

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)

代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼格式化

代碼不僅可以格式化，而且所有規則都可以自己來定義

html提示

大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。

聯想查詢

只需要按着Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全

代碼導航和用法查詢 (8張)

項目查找函數或者變量，還可以查找使用並高亮。

代碼重構

這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數、內聯變量/函數、移動/複製、安全刪除等等。

代碼檢查和快速修復

可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。

代碼調試

支持代碼調試，界面和IDEA相似，非常方便。

代碼結構瀏覽

可以快速瀏覽和定位

代碼摺疊

功能雖小，不過勝在方便高效

包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定

求能直接檢查html代碼的工具。 比如我使用了js腳本後在瀏覽器裡面顯示的頁面和html代碼是否正

這個我以前也糾結過。。花了點時間研究了下，還真被我找到了?。這個場景其實是一種功能測試，SOAtest其中有個什麼靜態分析功能，就可以自動掃描這些html代碼，檢查是否符合規範，js產生的這些html代碼是否合理等。