使用开发者工具调试jsp页面中的脚本

只举例火狐和谷歌.如果是火狐,一般是用firebug,首先确保开启脚本调试:

然后刷新一下要调试的页面,点击firebug中的行内,选择当前页面:

js文件一般直接显示的是js文件的名字,而页面一般是拦截的请求路径,如上图所示请求路径为/login,显示的是login.

选中页面后就可以看到页面的代码了,和打开js文件无异,直接鼠标单击左侧的行号下断点,此时就可以正常的进行调试了,firebug的变量值会在右侧面板显示:

面板中白色区域为当前中断处所在的方法,其中会显示参数和定义的局部变量值.下侧紧挨着的Function为中断处的外层方法,别扭的说法为当前中断处所在方法所在的方法..

以上为firebug调试页面的方法.谷歌与此类似:

如上图选择的Sources面板,谷歌可以直接从项目中选择要调试的页面.选择好后也是直接在行号上点击加断点,之后同firebug.略微不同处是谷歌调试的时候可以实时的将变量的值打印到变量的后面.

转载于:https://www.cnblogs.com/chyu/p/5419117.html

使用开发者工具调试jsp页面中的脚本相关推荐

java的调试页面_[Java教程]使用开发者工具调试jsp页面中的脚本
[Java教程]使用开发者工具调试jsp页面中的脚本 0 2016-04-21 23:00:07 只举例火狐和谷歌.如果是火狐,一般是用firebug,首先确保开启脚本调试: 然后刷新一下要调试的页面 ...
使用微信web开发者工具调试微信企业号页面
使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的) 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试 ...
微信web开发者工具调试
来源:http://www.cnblogs.com/Leo_wl/p/5983030.html 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信 ...
如何使用浏览器的F12开发者工具调试页面？
一,背景介绍通常前端程序员在按照UI效果图编辑网页时,不可能一口将全部的代码全部写好,通常情况是编写边调,经过反反复复的调试后才能达到要求的效果,这时候用Chrome浏览器的F12开发者工具能形象直 ...
微信开发者工具-调试器
微信开发者工具-调试器调试器常用的 6 大功能模块有:Console.Sources.Network.Appdata.Storage.Wxml Console Console有两大功能: 1)开发者 ...
听说你想用开发者工具调试我的网站？挺可以的啊。25
本篇博客重点为大家介绍,如何禁止用户在浏览器中查看源码,禁用开发者工具调试等前端需求案例已更新到爬虫训练场文章目录禁用右键,禁用 F12 禁用 ctrl + U 查看源代码,禁用 ctrl + ...
IE8开发者工具调试（三）javascript篇
IE8开发者工具调试(一)javascript篇启动调试文件列表断点入门添加断点查看断点是否打成功删除断点禁用断点启用断点局部变量查看局部变量修改局部变量监视添加监视修改局 ...
JSP页面中常用四种标签
JSP页面常用四种标签: 1. EL表达式: ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...
使用chrome开发者工具调试JavaScript代码的三种常用方法
对 JS 程序的调试,除了在 JS 程序中使用 alert().console.log() 方法跟踪和调试代码外,开发人员也会经常使用一些调试工具.最常用的 JS 调试工具就是一些主流的浏览器的调试工 ...

使用开发者工具调试jsp页面中的脚本

使用开发者工具调试jsp页面中的脚本相关推荐

最新文章

热门文章