js如何进行调试

相信大家在做java的web界面开发的时候,很多人都会用到jsp、js技术,对于java的后台应用程序,我们可以通过debug的方式进行调测,对于前台界面,我们可以使用google浏览器或者火狐浏览器的F12功能。

操作方法

  • 01

    这里以google浏览器为例,首先运行你的web项目,然后打开F12,F12的调试框可以放到任何位置,这里放到浏览器的下面。

  • 02

    选择sources(资源),找到要调试的界面,然后我们双击页面打开,然后找到要调试的位置,打上断点。

  • 03

    然后我们点击相关页面元素,让程序运行到我们的断点位置,如下图所示,证明我们的断点起作用了。

  • 04

    我们点击上面的类似播放的按钮让程序一步步执行,在此过程中我们可以把鼠标移动到我们想看的变量或者代码位置。

  • 05

    当然我们可以通过右侧的Watch检测面板将需要查看的元素或者变量加进去,方便我们看到它的结果。

  • 06

    在调试过程中,可能会遇到各种各样的错误,我们可以通过查看console(控制台)的形式进行查看。

(0)

相关推荐

  • 谷歌浏览器怎么调试js

    首先我们打开开发者工具,你可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台) ...

  • win7/win8系统调试IE11浏览器JS脚本的方法

    win7/win8系统调试IE11浏览器JS脚本的方法

  • 傲游云浏览器五大隐藏功能

    去年12月10号,傲游发布了全新浏览器--傲游云浏览器,这是继MyIE2、傲游浏览器3之后,傲游公司再次呈现给全球用户的又一创新浏览体验。它让用户不仅体验到了网络浏览的全面提速、界面操作的持续提升优化 ...

  • 傲游浏览器快捷键必备指南

    把大象放进冰箱要几个步骤?打开冰箱、把大象放进去、关上冰箱三个步骤。但如果我说傲游浏览器3快捷键,让你只需一个步骤就能把一切轻松搞定,比把大象放进冰箱还容易,你觉得可能吗?如何将这一切变成了现实?傲游 ...

  • 谷歌浏览器开发工具使用教程

    操作方法 01 对于本文,作为一个Web开发人员,除了上面的原因以外,与我们开发相关的,就是Chrome的开发者工具.而本文,就是要详细说说Chrome的开发者工具,说说我为什么认为它比Firebug ...

  • 查看路由器里保存的密码

    很多人都不记得自家的上网宽带拨号的帐号和密码,在需要更换路由器或想找回密码时总是得去营业厅重设密码,甚是麻烦.其实,我们是可以从路由器里"破解"出里面保存的帐号和密码的. Rout ...

  • 一个编程小白,如何入门APP软件开发领域?

    近些年,互联网创业火得不得了!一时间,满世界都在招做App软件开发的专业人员.从大众角度来看,学编程,写代码,是一件非常困难的事情.但是,App开发人员的工资那么诱人,让很多小白也跃跃欲试想学一下.那 ...

  • firefox浏览器firebug插件调试js(jqueryt)程序(firefox调试js)

    这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率。下面来说说这种方式: 先决条件: 安装firefox+firebug 这里以我的博客为例: 基本的使用如下: OK, ...

  • 如何进行html调试和js脚本调试

    如今web开发越来越流行,越来越多的人参与到web开发中,在开发过程中难免会出现一系列意想不到的情况,调试,是程序开发必备的过程,web开发调试是在浏览器中进行,各个浏览器都会有相应的调试工具,其中热 ...