Ⅰ 怎么在浏览器端调试js,怎么找到js
谷歌浏览器 F12 点击 source 如果知道js 路径可以再右边的文件夹中找出
如果不知道 只是知道文件名
ctrl + P 输入文件名即可
Ⅱ 浏览器调试工具怎么调试异步加载的js
你好,这个问题复其实很简制单,如果异步加载的JS可以直接修改,则可以通过在该JS文件中手动添加“debugger;”语句实现自动断点。例如异步加载的JS文件内容为:
(function(window){
varnum=Math.random()*1000;
debugger;//调完记得删除
num+=100;
console.log(num);
})(window);
待调试完毕后,删除该语句即可。
但是,如果被异步加载的JS不方便随意修改,则可以将JS存到本地,使用Fiddler等代理软件,将JS代理到本地,再使用以上方法进行调试。待修复完毕后删除调试代码,上传覆盖远程JS文件即可。
另外,我曾经写过一篇文章《一探前端开发中的JS调试技巧》有更详细的演示,只需前往网络首页搜索文章标题,即可得到文章地址。
希望是你想要的答案,如有疑问可追问,望采纳~~
Ⅲ 浏览器怎么设置启用显示javascript代码JS效果
方法/步骤
首先点击打开浏览器的菜单【工具】,然后选择【选项】-【internet选项】;版如果是IE用户,可以直权接在IE图标上点击右键,选择属性进入。
打开Internet选项设置窗口后,点击【安全】选项卡,点击【自定义级别】。
在弹出的【自定义级别】窗口中,找到【脚本】选项一栏。
然后点击下面的【Java小程序脚本】和【活动脚本】下的【启用】。
或者也可以将脚本栏目下的所有项都选择到【启用】,如图。
设置完成后,点击窗口右下角的【确定】按钮,弹出询问是否更改时,点击【是】。
最后,在Internet属性窗口中,点击【应用】-【确定】关闭退出即可在浏览器中启用Javascript代码并显示特效了。
Ⅳ 怎么在浏览器中调试JS代码
Chrome浏览器
按F12或是"设置"--》“工具”--》“开发者工具”,即可打开chrome的调试工具。
关于这个工具的用法,请参考“怎么使用chrome调试工具”。这里主要讲怎么使用source这个选项来调试JS代码。下图source选项的窗口。
0怎么使用chrome调试工具
下图中1为source选项卡,2是在小窗口中选中source选项,3是当前页面的原代码,这个需要自己确定,一般会是index或是比较具体的jsp的名称。双击3中的页面,右边的窗口中会出现页面的原代码,如下图4.
点击5,会格式化代码,是代码有合理换行,比较清晰。
下面就是具体的调试了。
在下图1中,先通过元素定位找到一个按钮,查看原代码,找到它点击后的JS方法,然后在source窗口查询,如图2中的1,定位到该方法,在方法的第一行代码的左边,单击,窗口上会出现3这样的箭头,表示断点设置在这里。4是一些控制,包括继续执行,暂停执行,跳入,跳出等。5显示的是当前所有的断点的信息。
在页面上点击按钮,页面会进入下图所示的状态,表示进入JS方法中的断点了。代码执行会停在断点处。1上面的继续按钮,可以是JS方法继续执行,也可以使用3上面的继续按钮。代码停在2中的代码行,这时可以将鼠标悬停在变量上来查看变量值,也可以在console中打印输出。点击3上的执行下一行可以执行下一行,也可以跳入某个方法或是跳出。点击继续,代码会跳到下一个断点或是完成调试。
FireFox浏览器。
按F12或是“设置”--》"开发者"--》“Web控制台”
7
FireFox和chrome的调试方法是一样的,只是浏览器的调试窗口和按钮位置有少许区别,请参照chrome浏览器的调试方法就可以。下面是FireFox的调试窗口截图。