vs 下如何调试js

vs能调试js,这个方法直到今天我知道,现在分享给和我一样初学vs或asp.net开发的朋友们。
对于vs之前的版本我没试过,我试了vs2008版及之后的都是可以的,估计之前的vs2005之类的对于调试js并不是很完善。
首先我们要设置断点,然后我们运行,我这里举一个web网站的例子。


接下来我们运行,如果不对vs进行设置,我们设置了断点,vs下也不会给予调试js的机会。那不是js在vs设置断点就是样子了?其实不是的,vs2008及以后版本为我们提供了如下调试js的方法:


点击“附加到进程”:

这里我选择ie,Google我试着好像不行,这样我们就可以在vs下调试js代码了
--------------------- 
作者:流浪若相惜 
来源:CSDN 
原文:https://blog.csdn.net/ztzi321/article/details/24350915 
版权声明:本文为博主原创文章,转载请附上博文链接!

 

 

vs能调试js,这个方法直到今天我知道,现在分享给和我一样初学vs或asp.NET开发的朋友们。

对于vs之前的版本我没试过,我试了vs2008版及之后的都是可以的,估计之前的vs2005之类的对于调试js并不是很完善。

首先我们要设置断点,然后我们运行,我这里举一个web网站的例子。

 

接下来我们运行,如果不对vs进行设置,我们设置了断点,vs下也不会给予调试js的机会。那不是js在vs设置断点就是样子了?哭其实不是的,vs2008及以后版本为我们提供了如下调试js的方法:

 

点击“附加到进程”:

 

这里我选择ie,Google我试着好像不行,这样我们就可以在vs下调试js代码了大笑

========

使用VS调试JS

http://www.cnblogs.com/tonyepaper/archive/2013/05/29/3105380.html

首先打开IE浏览器,在工具里对“Internet选项”进行设置,然后在打开的对话框中点“高级”,在“高级”中选中“显示每个脚本错误通知”,还有不要选中“禁用脚本调试(。。。)”那两项。 然后用浏览器打开你的HTML文件,然后在工具栏中的“查看”里面有“脚本调试程序”的选项,然后双击“新实例2010”就可以打开vs2010进行调试,设断点,重新运行你的HTML文件,就可以调试啦!

========

vs2012 在js 加断点进行调试无效果

 

调试vs2012解决方案脚本js vs2012 在js脚本加入断点进行调试的时候,发觉没有效果了,断点没有阻挡的作用,后台代码的断点是可以的,这个是怎么回事?调试时解决方案资源管理器里面也没有出现脚本文档。。。。。以前是可以的。。。。。

更多 0 分享到: 

 

不能直接调试js脚本,你可以在浏览器中调试(借助浏览器插件),火狐,chrome,ie都有

 

为何在vs中去调试js ?

 

那是不可以的,断点可以设,但是没用,不能调试js的

自己写alert,或者浏览器调试,火狐有firebug,去弄弄看吧

 

要是实在不会,还有alert()神器

 

看看浏览器是不是被attached debug了。如果没有,应该无法调试。

 

或说chrome的调试很好用啊,从来没有用过vs调试js代码。

 

用debugger在vs里面会直接跳到调试的地方

 

64的系统用ieX64调试,设置默认值为ie64的

 

用VS调试JS的好处就是可以连带后台仪器调试,如果用浏览器来调试 相当于是前端和后台 分两次调试。我记得之前是可以直接用vs2010 调试的,可是现在我这里也不行了 妈蛋,不知道怎么搞的

 

额 设置成IE 浏览器为默认的启动浏览器就行了

 

第一步,设置成IE 浏览器为默认的启动浏览器

第二步,将你的项目进入调试状态,然后在浏览器上打开要调试的界面,这时可以看到解决方案管理器上半部分有一堆所谓的动态代码,找到你要调试的页面,然后打开,打断点,OK,再刷新下页面,或者直接执行某个操作,就可以正常调试。

 

我用的是vs2012,也有同样的问题,求解

 

看到有版主回复vs不能调试javascript,遗憾呀!以为版主都能牛叉。o(∩_∩)o 哈哈,原来版主也不怎么精通vs

 

右击网页--浏览方式;我里面有两个IE,我设置其中一个为默认浏览器;可以正常启动,但是调试JS和调试结束时,不能自动关闭IE;弄掉一个就可以了;

 

VS2013中可以对JS代码设置断点进行调试

VS2015中却不行

不知什么原因......

========

vsCode 添加浏览器调试和js调试的方法总结

http://www.cnblogs.com/sxz2008/p/6690384.html

vsCode 添加浏览器调试和js调试的方法

 

1、直接按F5可以调试的方法或者点击运行按钮(可以直接运行html文件或者js文件)

 

在launch.json文件中的配置如下:

 

{

 

    "version": "0.2.0",

    "configurations": [{

            "name": "谷歌浏览器", //运行html文件,用谷歌浏览器打开

            "type": "chrome",

            "request": "launch",

            "url": "${file}",

            "sourceMaps": true,

            "webRoot": "${workspaceRoot}"

        },

        {

            "name": "nodeLauch", //单独调试js,即可以直接运行js

            "type": "node",

            "request": "launch",

            "program": "${file}", //这个配置成你要调试的文件、${file}当前打开的文件

            "stopOnEntry": false,

            "args": [],

            "cwd": "${workspaceRoot}",

            "runtimeExecutable": null,

            "runtimeArgs": [

                "--nolazy"

            ],

            "env": {

                "NODE_ENV": "development"

            },

            "console": "internalConsole",

            "preLaunchTask": "",

            "sourceMaps": false,

            "outDir": null

        }

    ]

}

2、第二种方法 Ctrl+Shift+B 快捷键运行html文件,在Tasks.json中配置如下:

 

{

    "version": "0.1.0",

    "command": "",

    "isShellCommand": false,

    "args": ["${file}"],

    "showOutput": "always",

    "windows": {

        "command": "C:/Users/shannonliang/AppData/Local/Google/Chrome/Application/chrome.exe"

    },

    "tasks": [{

        "taskName": "webserver",

        "isBuildCommand": true,

        "showOutput": "always"

    }]

}

3、如果第二种方法,不想每次都按这个快捷键,请参考npm配置node服务方法:

 

 http://stackoverflow.com/questions/30039512/how-to-view-my-html-code-in-browser-with-visual-studio-code 

========

VS里调试JS

http://blog.csdn.net/samsone/article/details/7864151  

 

在asp.net开发中,脚本可以提高bs程序与客户的交互能力、降低客户端与服务的数据传输。

但是大多数asp.net开发人员还是趋向于避免写客户端脚本或只用脚本完成一些简单的功能,

造成这种状况有很多原因,但是脚本程序难以调试是其中的主要原因。

下面的操作步骤描述了怎样利用vs.net中的调试器来调试javascript:

1,首先,要让你的ie允许调试脚本,具体步骤如下:

   打开ie->工具菜单->inter选项->高级选项卡->去掉“禁止脚本调试"选项

2,打开vs.net,创建一个新的asp.net项目(或打开一个)

3,运行你要调试的页面

4,当你的页面呈现在ie里的时候,重新回到vs.net

5,在脚本中设置断点:

   调试菜单->窗口->调试文档

 ->在”运行文档“中选择要调试的页面(这是一个类似于解决方案管理器的浮动工具栏)

6,然后,你可以通过操作网页来进入脚本,当脚本运行到断点时,就可以进行调试了.

如果你想在页面开始装载时就进入调试状态,可以按F10(逐过程)进行调试

========

在vs2010中调试javascript代码方法

http://www.jb51.net/article/26240.htm

 

只在IE浏览器中测试成功了,在谷歌浏览中没有测试成功,其他浏览器没有测试。

 

操作步骤如下: 

 

1. javascript代码中插入:debugger,如下: 

 

<script type="text/javascript"> 

 

debugger; 

 

</script> 

 

2.将IE浏览器中的“禁止脚本调试”这一项的勾给去掉。 

 

然后在点击vs中的调试即可。

========

VS中关于JS的调试

http://blog.csdn.net/sunfor/article/details/49230431

分两种情况

 

1. js代码在单独的JS文件中

 

2. JS代码混在ASPX文件中

 

现在对这两中情况分别说明:

 

1) 设置IE为允许调试脚本

 

工具-->Internet 选项-->高级-->

 

将 a)禁止脚本调试(Internet Exporler) 和 b) 禁止脚本调试(其他)取消。

 

2. JS代码在单独的JS文件中,直接在VS里面设置断点就OK

 

3. JS代码混在ASPX文件中, 由于在ASPX文件无法设置断点,所以需要以下步骤:

 

    1)运行代码,F5

 

VS中关于JS的调试 - sun201201 - 西北望,射天狼

 

    2) 选择aspx页面,设置断点即可

 

另一参考:

 

首先,打开一个IE,并用Visual Studio打开你要调试的脚本/网页(Embeded Script),如下图。

image

然后呢,我们将当前的Visual Studio调试器Attach到浏览器上,Debug->Attach to Process...

image

在弹出的对话框中,确认Attach to:到Scriptcode,因为我们调试的是Script,如果缺省不是Script code,请按Select键选择Script。在Available Processes中选择iexplore.exe,就是浏览器进程。

image

现在,可以在脚本中下断点啦。比如我希望在下图的地方设置一个断点:

image

然后在IE中打开刚才那个网页,脚本就很听话的在你设置的地方断了下来,可以看到Locals,还有Immediate Window,这样调试是不是就很方便了呢,哈哈。

image

不过这个调试的缺点是只能用IE,Firefox则不行,所以Firefox的调试还是得要Firebug来搞,不过Firebug的调试脚本功能可就弱多咯。

 

另外一种已经证实可行的做法:debugger

<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">0. IE 选项,把禁用脚本调试的勾去掉【好像可省略】</span></span>

<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">1. js断点用debugger语句代替。

</span></span>

<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">2.当网页运行的时候,回弹出有“异常”,选择调试的窗口。选择VS,接下来就和调试C#一样了。</span></span>

========

VS 2010 突然无法调试JS代码 断点无效的两个解决办法

http://www.cnblogs.com/Anonymous/archive/2013/03/18/2965693.html

  今天发现个系统有个IE6下的兼容性问题,就远程在IE6环境下的机器调试调试代码看看。奇怪的是,vs2010突然怎么都没办法调试js代码,C#代码断点有效,js代码断点无效,于是开始寻找解决办法,以下是我找到的一般都能解决的两个办法:

  1.我远程的服务器,先把“Internet Explorer 增强的安全配置”关掉,各种服务器的关闭方法自行搜索,然后打开IE,然后-工具-Internet选项-高级-找到对勾去掉。

 

  2.打开vs-工具-选项-调试-实时找到脚本前面打勾。

 

到这我的问题就解决了,

========

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页