本文目录一览：
- 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代码是否合理等。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/301684.html
微信扫一扫 
支付宝扫一扫 