VS调试js学习总结
生活随笔
收集整理的這篇文章主要介紹了
VS调试js学习总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vs 下如何調試js
http://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-工具-選項-調試-實時找到腳本前面打勾。
到這我的問題就解決了, ========
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-工具-選項-調試-實時找到腳本前面打勾。
到這我的問題就解決了, ========
總結
以上是生活随笔為你收集整理的VS调试js学习总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C/C++指针错误与调试相关学习总结
- 下一篇: T-SQL游标学习总结