Js
调试利器
--------vs 2008
本文为原创,欢迎转载,转载请注明出处,
javadevil
为大家奉献。
与
js
打交道的人都知道,调试
js
的过程是多么的痛苦,利用
alert
来观察程序的变量值及程序的执行过程,是多么的效率低下,且代码不美观。
目前互连上
js
调试工具非常多,比较出名的有微软的
script debugger,
还有
fireBug
等浏览器插件,但这些都不能与微软的
vs 2008
相提并论,尤其是在准确性方面
.
。下面将从两个方面介绍
vs 2008
(
1
)如何获取
vs2008 (2)
如何启用
vs 2008
调试器
(3)
利用
vs 2008
进行代码调试
(1)
如何获取
vs 2008
下载地址:
微软官方网站
http://www.microsoft.com/downloads/details.aspx?FamilyID=83c3a1ec-ed72-4a79-8961-25635db0192b&DisplayLang=zh-cn
(2)
如何启用
vs 2008
调试器
经过漫长的下载后,终于来安装
vs 2008
了,安装完
vs 2008
也是一个漫长的过程,花了
40
多分钟,终于安装完毕。
启用
vs 2008
调试器
打开
IE,
点开
工具,如图
1
图
1
选中高级,找到如下图
2
的地方
图
2
将
禁用脚本调试(
Internet Explorer
)
,
禁用脚本调试
(
其他
)
选项前的√
去掉,默认是选中的。我们要开启浏览器的调试开关
.
(3)
利用
vs 2008
进行代码调试
场景:页面出现
javascript
错误,找不到地方
,
默认的提示一般不准确,不是自己的代码很难找到错误的地方。如下图所示,
图
3
这个没有开启浏览器的调试开关出现的错误,开启调试开关之后,如下图
4
图
4
此时我们选择是,就开启了调试器。
这时会启动
vs 2008,
机器配制稍低的打开时间可能稍长,打开之后我们看到清晰的提示
图
5
此时摆在我们面前的有三个选项,我们要调试程序,所以选择中断如图
6
图
6
这时,我们可以按
F11,
进行逐行调试,按
F10
跳过程序中的某一个方法,即相当
eclipse
中的
step out
,即从当前执行的方法中跳出来,因为程序中可能有方法中调用方法
,
有时我们不关注底层方法,这时就要进行跳出。具体见图
7
图
7
这时我们可以监视我们的变量值,选中一个变量进行调试如选中
b
,单击右键,添加监视,如下图图
8
图
8
这时就可以查看变量的值了。
场景
2,
我们如何在调试中给变量赋值,如下图
9
的一段程序
图
9
我们可以直接将我们添加的监视的变量赋值,然后参与程序的循环及计算。如下图
10
图
10
上面添加监视的变量可以是一个对象,这样可以详细查看其中的属性及方法,
相信到此,调试
js
将不再是恶梦,
vs 2008
一扫
web
开发程序员的阴霾。如有不正确之处,欢迎拍砖。
- 大小: 12.6 KB
- 大小: 42 KB
- 大小: 29.7 KB
- 大小: 12.7 KB
- 大小: 13 KB
- 大小: 42 KB
- 大小: 25.2 KB
- 大小: 47.8 KB
- 大小: 36.1 KB
- 大小: 15.1 KB
分享到:
相关推荐
Javascript的调试利器:Firebug使用详解
你是否经常为调试Javascript Ajax而苦恼,那么就用firefox+firebug吧,让你的双手解放出来吧!
Android native 层代码内存泄漏问题调试利器
NULL 博文链接:https://literary-fly.iteye.com/blog/930590
firebug 1.5 JavaScript兼容性调试利器! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
如果项目中用到了CommonJS或SeaJS这种AMD/CMD规范的模块加载方式,可以在module中使用require()引入vConsole:var vConsole =require('path/to/vconsole.min.js');好了,怎么打印log呢?与电脑端一致,可以直接...
bg2css-v3.0:Adobe公司开发的用于自动生成CSS...W3C前端开发工具包:主要集成了正则表达式测试、JavaScript/CSS代码压缩工具、CSS Sprite(s)自动生成工具、JSON格式化调试工具等功能 三个工具让前端开发变得更加简单
导入以上js // 初始化 var vConsole = new VConsole(); 即可以使用
有时候,为了更清楚方便的查看输出信息,我们可能需要将一些调试信息进行分组输出,那么可以使用console.group来对信息进行分组,在组信息输出完成后用console.groupEnd结束分组。
自定义的Fiddler规则,多环境切换、解决跨域开发、快速调试线上代码必备|高效调试分析利器
FullSource 能显示javascript动态生成的DOM代码,特别对学习EXTJS 的人有帮助,ScriptDebugger 就是IE调试脚本的利器
本文实例分析了php代码调试利器firephp安装与使用方法。分享给大家供大家参考,具体如下: firephp简述 如果你曾经写过js代码的话,那么你对如下的代码肯定不会陌生: console.log('something'); 通过这行代码,就...
Javascript的调试利器:Firebug使用详解 分类: JavaScript2007-09-02 13:2086686人阅读评论(75)收藏举报 Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我...
在米随随的Blog看到有关...Debug and profile JavaScript Quickly find errors Explore the DOM Execute JavaScript on the fly Logging for JavaScript 对于WEB开发人员来说,可以非常方便的得到自己想要的信息:HTM
一款基于Node.js的免费开源、便捷美观的API调试工具。作为调试接口的利器,Hoppscotch通过直观的用户界面和强大的功能,提高了开发效率。它支持多种HTTP请求方法,能够快速发现问题并优化API的调用过程。适用于开发...
3.4 调试工具--提升开发效率的利器 3.5 定位代码和调用堆栈 3.6 浏览器捕获异常 3.7 总结 第二部分 JavaScript核心 第4章 语言结构 4.1 JavaScript的基本文法 4.2 常量和变量 4.3 ...
weinre 远程调试,可以让你直接通过PC端直接调试手机端的JS,HTML,CSS等,WebApp开发利器,详细教程http://blog.csdn.net/jerryvon/article/details/8584289
它被用在显示: 用JavaScript动态地写到DOM中的HTML,或用XSLT生成的HTML 。 就是它的这一个特性,拿它来看ExtJs生成的HTML代码,实在太方便了.当然也可以查看 DoJo,JQuery等生成的HTML. 安装方法: 先将文件解压缩,解...
沿途停靠的站点包括:JavaScript基础、JavaScript语法、JavaSctipt编程、页面交互信息的实现、Ajax客户端技术、jQuery框架、Ext JS框架和JavaScript调试的利器Firebug,以及使用iQuery实现在线留言板系统和一些门户...