ASP.NET—000:调试JS代码

ASP.ENT开发调试页面JS代码相信即使是菜鸟也会,不过我还是要啰嗦一下步骤。因为在页面使用JS太频繁了,而且也太容易出问题了。即使是高手在页面上写长篇的JS代码,也难免有bug出现,出了bug也只能乖乖调试。
ASP.NET开发中,后台调试代码就不说了,直接代码行打断点就好了。前台就有点费事了。
前期准备工作,一般分两种情况。
一种是在工程中直接运行调试,譬如Visual studio2010以及以上的直接在vs里找到相应的页面直接运行就好了。
另一种是部署到IIS上了,那么就得打开应用的页面,然后打开vs工程,附加到进程调试。如图。

不论哪种方式,关键是要打断点,让程序停在某个地方。
相信很多人也用过alert,将可能出问题的值或者控件的某个属性主句显示出来。这也不失为一种调试方式。
当然用的更多的还是如下的步骤。

第一步,打开你的默认浏览器,或者是你的网页即将运行的那个浏览器。设置启用调试,

第二步,在怀疑出问题的JS中打断点,也就是加一句:"debugger;",

第三步,执行操作,程序会在debugger的地方停住,

第四步,可以F10单步操作了,查看那句出错,如果想看某个变量或者某个表达式或者控件的属性,那么使用监视功能,

如图,

比如这个快速监视,可以将表达式,变量,控件等放进去即可看到其所有成员,当然你也可以在这里手动修改,直到看到你想要的结果。

这一步也是使用最多的,而且很重的步骤。

最后如果顺利的话就查到了问题了。如果还有错,继续吧。

ASP.NET—000:调试JS代码,布布扣,bubuko.com

时间: 2024-10-26 13:36:15

ASP.NET—000:调试JS代码的相关文章

不得不说的谷歌开发者模式:谷歌调试模式调试js代码总结

谷歌浏览器对开发者来说是一个很好的工具,确实能给开发者提供很多的方便,这是工作一年多以来,一个感触.谷歌浏览器可以在前端跟踪值传递,就像我们使用myeclipse进行debug一样,谷歌浏览器提供了强大的功能,使得开发者可以在前端跟踪值传递. 只要安装了谷歌浏览器,我们就可以使用谷歌开发者模式进行代码的调试,按F12进入开发者模式. 1,首先我们来说一下谷歌浏览器的控制台console 进入谷歌开发者模式以后,我们点击console进入控制台,在这里,我们可以很方便的进行js代码的调试.通常情况

如何用浏览器调试js代码

按F12打开调试工具 2.  点击控制台,在空白处填写js代码,然后回车运行,如图: 3. 点击调试器 在你要调试的那段js代码上点插入断点 4.  在页面上操作 5.  按F11进行逐步调试 6.  在调试过程中如遇到错误,它会跳出调试,并提示错误信息,可以返回控制台查看 这样你就可以根据提示的错误修改代码

chrome浏览器调试JS代码

是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript 断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的各

Google Chrome调试js代码

你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript  断点设置 和 调试 功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclip

Console命令详解,让调试js代码变得更简单

Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些基本用法.今天,继续介绍它的高级用法. =================================== Firebug控制台详解 作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html 控制台(Console)是Firebug的第一个面板,也是最重要的面板

[转]Console命令详解,让调试js代码变得更简单

转自 : http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些基本用法.今天,继续介绍它的高级用法. =================================== Firebug控制台详解 作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/0

asp.net 后台使用js弹窗失效问题

1.这些事件输出来前后都变成JS代码了,看到到这样的代码的了.会变成<script>alert('合同号XXX已存在')</script>首先后台调试一下看看Page.ClientScript.RegisterStartupScript这句有没有执行吧.如果有执行,再用firefox/ie8等可以查看及调试js代码的浏览器看看前台js运行有没有出错.前台主线程执行js时如果出错后续的一些js是不会补执行的,会中断.可能某处js出错了导致弹窗出不来.还有就是触电发后台的控件是否包含量

Google Chrome调试js入门

1 我们要调的json数据见下图,这里不涉及和后台的交互. 2 我们在chrome中打开开发者工具,打开方式如下图,我们也可以使用快捷键F12来打开.选择我们要调试的文件,相信你能找到,^_^. 3 设置断点的设置,我在11行设置了断点,设置方法左侧点击即可,我太喜欢这个断点了,看起来真漂亮.刷新一下页面,执行如下图: 4 在向下执行之前,我们直接输入json(我们的对象名),看看对象结构,可以非常清晰的看到json到底是个什么东西,不用太多的解释,如下图: 5 按F10向下执行,我们依次输入我

谷歌浏览器怎么调试js 谷歌浏览器调试javascript教程

谷歌浏览器是一款由谷歌公司开发的浏览器.谷歌浏览器是一款基于其他开源软件所撰写的.下面小编为大家分享一篇谷歌浏览器调试javascript的教程,希望帮助大家 首先我们打开开发者工具,你可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12. 打开的开发者工具就长下面的样子,建议大家将开发者工具弹出作为一个独立的窗口: 1.Elements标签页 这个就是查看