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

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

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

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

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

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

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

最新文章

  1. Java学习笔记(04)
  2. 总结Android中遇见的OOM
  3. ORACLE存储过程学习
  4. .oi 小游戏
  5. JS Date.Format
  6. 【Android 基础】Animation 动画介绍和实现
  7. Spring ’14 Wave Update: Installing Dynamics CRM on Tablets for Windows 8.1
  8. 发现AspNet.Core版本控制库Bug一枚,你还想入坑?
  9. Windows下为Lua脚本进行加密处理
  10. DML数据操作语言之增加,删除,更新
  11. 第四节 pandas 数据加载
  12. DS控件库 Win7链接列表框效果1:右侧箭头
  13. Android界面跳转几种情况
  14. skyline开发——读取Shapefile要素属性
  15. Android 系统内核层与 Linux Kernel 的比较
  16. 转载-vim配置收藏
  17. 桶排序和计数排序的理解实现和比较(Java)
  18. 【BZOJ】2208 [Jsoi2010]连通数
  19. CentOS的Qt3和Qt4问题
  20. 7个去伪存真的JavaScript面试题

热门文章

  1. Final Cut Pro X效果插件开发总结
  2. 怎样制作web版的folder treeview
  3. deployment与Web应用程序部署
  4. linq lambda left join
  5. 从零开始学Python08作业思路:开发简单的FTP
  6. UVALive 6911---Double Swords(贪心+树状数组(或集合))
  7. php实现设计模式之 工厂方法模式
  8. 从零开始学 Java - Spring 支持 CORS 请求踩的坑
  9. Castle Windsor常用介绍以及其在ABP项目的应用介绍
  10. JS 模板引擎 BaiduTemplate 和 ArtTemplate 对比及应用