精华内容
下载资源
问答
  • js调试工具,javascript调试工具
  • Js调试

    2017-08-08 17:57:59
    Js调试

    console.log() 方法

    <p>
    浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
    </p>
    <script>
    a = 5;
    b = 6;
    c = a + b;
    console.log(c);
    </script>

    debugger 关键字

    debugger关键字与在调试工具中设置断点的效果是一样的

    <p id="demo"></p>
    <p id="demo1"></p>
    <p id="demo2"></p>
    <p>开启调试工具,在代码执行到第三行前会停止执行。</p>
    <script>
    var x = 15 * 5;
    document.getElementById("demo").innerHTML = x;
    debugger;
    document.getElementById("demo1").innerHTML = x-5;
    document.getElementById("demo2").innerHTML = x+5;
    </script>

    设置断点

    在调试窗口中,你可以设置 JavaScript 代码的断点。

    在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。

    在检查完毕后,可以重新执行代码(如播放按钮)。

    非原创,转载来源:http://www.runoob.com/js/js-debugging.html

    展开全文
  • JavaScript 调试

    2018-05-28 06:33:37
    在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。 JavaScript 调试 没有调试工具是很难去编写 JavaScript 程序的。 你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现...

    在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。


    JavaScript 调试

    没有调试工具是很难去编写 JavaScript 程序的。

    你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误比较难于发现。

    通常,如果 JavaScript 出现错误,是不会有提示信息,这样你就无法找到代码错误的位置。

     

    Note通常,你在编写一个新的 JavaScript 代码过程中都会发生错误。

    JavaScript 调试工具

    在程序代码中寻找错误叫做代码调试。

    调试很难,但幸运的是,很多浏览器都内置了调试工具。

    内置的调试工具可以开始或关闭,严重的错误信息会发送给用户。

    有了调试工具,我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。

    浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 "Console" 。


    console.log() 方法

    如果浏览器支持调试,你可以使用 console.log() 方法在调试窗口上打印 JavaScript 值:

    实例

    a = 5;b = 6;c = a + b;console.log(c);


     


     

    设置断点

    在调试窗口中,你可以设置 JavaScript 代码的断点。

    在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。

    在检查完毕后,可以重新执行代码(如播放按钮)。


    debugger 关键字

    debugger 关键字用于停止执行 JavaScript,并调用调试函数。

    这个关键字与在调试工具中设置断点的效果是一样的。

    如果没有调试可用,debugger 语句将无法工作。

    开启 debugger ,代码在第三行前停止执行。

    实例

    var x = 15 * 5;debugger;document.getElementbyId("demo").innerHTML = x;

     


     

    主要浏览器的调试工具

    通常,浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 "Console" 。

    各浏览器的步骤如下:

    Chrome 浏览器

    • 打开浏览器。
    • 在菜单中选择工具。
    • 在工具中选择开发者工具。
    • 最后,选择 Console。

    Firefox 浏览器

    • 打开浏览器。
    • 访问页面: 
      http://www.getfirebug.com。
    • 按照说明 :
      安装 Firebug。

    Internet Explorer 浏览器。

    • 打开浏览器。
    • 在菜单中选择工具。
    • 在工具中选择开发者工具。
    • 最后,选择 Console。

    Opera

    • 打开浏览器。
    • Opera 的内置调试工具为 Dragonfly,详细说明可访问页面:
      http://www.opera.com/dragonfly/。

    Safari

    • 打开浏览器。
    • 右击鼠标,选择检查元素。
    • 在底部弹出的窗口中选择"控制台"。
    展开全文
  • 主要介绍了JavaScript程序设计中的重要环节:JS调试,本文通过一个加法器,介绍JS如何调试,感兴趣的小伙伴们可以参考一下
  • javascript 调试 工具

    2009-07-03 10:55:46
    js 调试 工具 javascript WEB工程 javascript调试工具
  • JavaScript调试

    2015-02-04 14:37:26
    目前,常用的浏览器IE、Chrome、...作为我们.NET 阵营,学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试方法也变得相当简单了。 在F12开发人员工具中进行调试 打开I

    转自:http://blog.csdn.net/yanzhibo/article/details/20079637

    目前,常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营,学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试方法也变得相当简单了。

    在F12开发人员工具中进行调试

    打开IE浏览器,按下F12键,就会打开开发人员工具,这是IE内置的开发人员开发工具,方便开发人员对HTML、CSS、Javascript等网页资源进行跟踪调试使用的。

    如果你打开的时候没有固定在网页底部,可以点击右上角菜单栏中的按钮来完成。

    我们看到在这个工具窗口里面有几个标签页,分别是:HTML、CSS、控制台、脚本、探查器和网络,点开每一个标签,可以执行相应的任务。

    在HTML标签窗口中,工具栏中的按钮所执行的操作如下图:

    CSS标签是用来查看样式的;控制台显示网页中JS的各种输出信息,包括错误信息、用户日志等;打开脚本标签页,这里面才是我们想要的内容。

    我在图中用黄色矩形选中连个控件,左侧的下拉列表用来选择文件,右侧的按钮用来启动调试。当点击启动调试后,调试程序会将窗口最大化,我们在选中的文件中找到需要调试的位置,点击左侧边栏添加断点即可进行调试。

    当有程序运行到我们的断点处时,就可以进行调试了。

    在这里,我们可以使用快捷键进行操作,常用的快捷键如下:

    F9:添加/移除 断点

    F10:逐过程,即跳过该语句中的方法、表达式等

    F11:逐语句调试,即单步调试,会跳入方法、表达式,进行逐语句的跟踪调试

    在执行过程中,如果我们要执行即时的代码,我们就需要在右侧的窗格中输入代码,按回车即可。

    如果要执行多行代码,点击运行按钮右侧的双箭头,就会打开多行模式。我就不再截图片了。

    这种直接在浏览器中调试的方法同样适用于Google浏览器Chrome和FireFox FireDebug,只不过在细枝末叶上面有些不同罢了,主体的功能都是一样的。

    按F12键进入开发者工具,可以查看源代码、样式和js。

    点击Scripts按钮,可以打开这个调试窗口,里面包含了网页中脚本文件源码,点击左侧的按钮可以打开选择文件的侧窗口。右侧有调试的工具按钮,不过我不喜欢这些纯英文的界面,所以大部分的调试都还是在IE下进行。并且会在IE下转到VS中。

    下面我就介绍如何在VS中调试我们的JS代码。

    使用debugger关键字进行调试

    这种方法很简单,我们只需要在进行调试的地方加入debugger关键字,然后当浏览器运行到这个关键字的时候,就会提示是否打开调试,我们选择是就可以了。这种调试可以选择调试工具,是新打开vs还是在现有的VS中调试,都可以选择,个人比较喜欢这中调试方式。

    当我们运行这段程序的时候,会弹出调试提示窗口:

    如果你的浏览器没有弹出这个窗口,你需要进行一下简单的设置,打开Internet选项:

    将红色方框中的两项取消勾选就可以了。

    设置以后就可以使用debugger关键字进行调试了;进过这样的设置,我们还可以捕获到意外的错误,进行跟踪调试。

    好了,本文就介绍到这里,有不明白的地方请和我交流。调试是一个实践的过程,只有使用次数多了,才能掌握其中的方法和技巧。

     


    展开全文
  • JS调试工具,可以直接运行和调试js代码
  • debug一个模仿Node.js核心调试技术的微型JavaScript调试实用程序。 可在Node.js和Web浏览器中使用。 安装$ npm install debug用法debug公开一个函数; s debug一个模仿Node.js核心调试技术的微型JavaScript调试实用...
  • debug.js 是一个用于 Web 开发的嵌入式 JavaScript 调试器。 它允许您在没有 F12 工具的情况下轻松调试。 该库具有有用的功能,例如日志记录、DOM 元素检查器、屏幕测量、文件查看器、命令行、用于自动化测试的...
  • js调试

    2012-11-23 23:18:32
    如何调试 js代码 ie中如何调试js, ie 8 中自带调试工具 调式步骤: ① 先打开开发人员工具->脚本 ② 下断点 –》点击启动调试 ③ 刷新页面,进入调试状态 ④  f11->一行一行执行 f10-> 跳过...

     如何调试 js代码

    ie中如何调试js, ie 8 中自带调试工具

    调式步骤:

    ① 先打开开发人员工具->脚本

    ② 下断点 –》点击启动调试

    ③ 刷新页面,进入调试状态

    ④ 

    f11->一行一行执行

    f10-> 跳过一个函数继续执行(相当于把一个函数当做一个语句执行)

    shift+f11->跳出函数

    通过逐行调试,我们可以看到局部变量变化情况.

    注意取消断点

    最原始的方法 ,通过 window.alert(信息); document.write(“信息”);

    对于低版本的ie 浏览器,需要做下面的处理,才能进行js调试.
    1.       安装Microsoft Script EditorMicrosoft Script Editor是office2003中的一个组件。要安装Microsoft Script Editor,首先要有office的安装程序。安装步骤如下: 
    a.       打开word,工具-宏-Microsoft脚本编辑器,这个时候会需要office的安装文件。 
    b.       执行完上一步后,在Microsoft Script Editor中,调试-安装web调试,这个时候还会需要office的安装文件。 
    c.       完成安装后,重起IE和Microsoft Script Editor。 
    2.       调试 
    先决条件: 
    1.   安装了Microsoft Script Editor或Microsoft Script debugger 
    2.   IE中打开了脚本调试。 
    要在IE中进行JavaScript debugger调试,首先要在IE-工具-internet选项-高级 中取消“禁止脚本调试”, 然后重起IE就可以使用Microsoft Script Editor。注意:IE较为不稳定,可能会出现该选项失效的情况,请关闭IE重来一遍。 
    如何使用Microsoft Script Editor进行调试: 
    在JavaScript代码中,在你想要设断点的位置,加上“debugger;” 在已经处于debugger状态的Microsoft Script Editor代码窗口中设置断点。 在IE中直接调用Microsoft Script Editor,请在IE地址栏中输入“javascript:debugger;”回车。 Microsoft Script Editor的具体使用方法请参考Microsoft Script Editor的帮助文档。
    
     也可以用firebug 
    debugbar

    如何处理js的bug
    js 代码发生错误,如何定位其错误呢?                       
    1. 可以通过程序员的经验来判断
    2. window.alert() 来输出信息
    3. 使用firebug 的 调式用具  [cy--5,浏览器对象模型BOM]


    展开全文
  • js,javascript调试工具

    2010-02-01 21:19:59
    JavaScript调试工具,准确定位出错地址
  • js基础之JavaScript 调试

    2018-05-24 14:49:13
    JavaScript 调试在编写 JavaScript 时,如果没有调试工具将是一件很痛苦的事情。JavaScript 调试没有调试工具是很难去编写 JavaScript 程序的。你的代码可能包含语法错误,逻辑错误,如果没有调试工具,这些错误...
  • JavaScript 调试器简介

    2020-10-30 02:13:41
    JavaScript 调试器其实有很多。当然这些仅仅是调试器而已,与流行的 Java IDE 是没有办法相提并论的。
  • JS调试工具

    2015-04-15 01:18:00
    JS调试工具支持调试任意js 易语言代码复制等
  • javascript调试工具

    千次阅读 2015-09-30 15:36:27
    javascript调试工具 一.Companion.JS js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况...
  • JavaScript调试工具汇总

    2020-12-12 12:03:09
    而且鉴于当今此类工具的现状,要想在浏览器上做JavaScript调试也不是那么方便。  下面这几个基于桌面和WEB的JavaScript调试工具,能让你更高效地调试JavaScript代码,这样就可以: 更有效地处理动态类型使应用程序...
  • javascript 调试

    2008-09-29 14:46:00
    一、在IE7调试(已安装vs2008)1、打开IE,单击菜单栏的...2、设置javascript断点(与后台代码的断点设置操作一样)。3、按F5调试。二、在IE8调试在IE8下按F12打开Developer Tools工具调试。 三、在FireFox下调试1、
  • 鬼鬼JS调试工具

    2018-12-11 09:57:03
    JS调试工具!
  • js代码-js 调试测试

    2021-07-16 13:47:46
    js代码-js 调试测试
  • js调试工具

    2013-03-30 21:17:06
    js调试工具
  • javascript 调试

    2006-07-04 16:51:00
    如果使用VS.net ,想调试javascript,可以按照下面步骤进行调试:1,首先,要让你的ie允许调试脚本,具体步骤如下: 打开ie->工具菜单->inter选项->高级选项卡->去掉“禁止脚本调试"选项2,打开vs.net,创建一个新的asp...
  • JavaScript Test 小巧的Js调试软件
  • JS调试工具7.5.rar

    2020-09-11 16:17:06
    js调试工具,可以进行js逆向调试,把js代码截取之后,在此工具中创建一个js函数,通过调用js函数进行js调试,本工具有错误日志,可以帮助你找到js中不足的参数和函数,使你更加简便的进行js调试
  • javascript调试器,类似于java的控制台功能,取代javascriptk r alert.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 274,484
精华内容 109,793
关键字:

js调试