本文版权归 csdn DyncRole 所有,此处为技术收藏,如有再转请标明原创作者及出处,以示尊重!

作者:DyncRole

原文:http://blog.csdn.net/qqhjqs/article/details/41889413

这些天做的任务出现好多的错误,但是我也局限于再开发工具eclipse上调试,但是传到前台的数据没有办法调试,找经理来解决问题,被吵了,同时也学到一些小的技巧,在这里记下来,不是很全面,以后学到更多再来更新。

打开火狐浏览器,按“F12”,页面下方会出现这样的界面:

我设置了黑色样式,右上角有齿轮的图标,可以在那里修改样式

第一个是查看器,直接查看HTML脚本,右边是一些样式,这个功能我暂时用不到;

第二个是控制台,

从下面就可以看到,它的功能就是再页面加载的时候加载的以下css样式文件,js文件和安全信息,日志文件,这里我有用到,观察自己引入的js文件有没有路径错误或者js文件里面有没有语法错误等等,这些再eclipse是无法看到的,这一点我很喜欢;

第三个是调试器,

这个直接在前台对js文件进行调试,可以打断点,右边可以看到用到的变量和事件,比如你声明的变量获取到什么值之类的,这里都可以看到(前提是打断点);

第四个是样式编辑器,

这个我也用不到,属于前端人员用的,调样式什么的;

第五个是性能,我一点也没有用到,暂且不说;

第六个是网络,我用的最多,也很牛逼,

这个界面就是在你点击网页上的链接,发送给服务器的请求,与接受到服务器的响应都在这里显示,如上面的GET与POST,get是发送的请求后面有格式大小与时间,post是服务器响应的结果;

然后你点击请求比如上面的“listSubOrgTreeNode.do?orgType=1”,右面会出现这个请求的所以信息

这里你可以检查发送的请求对不对,和你想要发送的是否一致,参数可以在参数选项中查看

一切都正确之后再检查服务器响应返回的数据,点击响应

请求是要求服务器返回是JSON数据,果然响应里出现的就是JSON数据,OBJECT就是数据组,到此一个请求的发送与响应检查完毕!这样的调试可以直接确认你写的代码是前台还是后台除了错误,或者再发送请求或这再接受响应的时候参数或数据对不对!这一点省了我很多的时间,就到这里,等学到新的skill,再来分享!

FireFox调试代码技巧的更多相关文章

  1. .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧

    一.前言 为什么要调试代码?通过调试可以让我们了解代码运行过程中的代码执行信息,比如变量的值等等.通常调试代码是为了方便我们发现代码中的bug.ken.io觉得熟练代码调试技巧是成为合格程序员的基本要 ...

  2. js脚本代码调试小技巧

    以前写js代码调试代码查看数据是否正确的时候不知道F12(开发者工具),都是alert(xxx)或者console.log(xxx), 现在知道还可以用document.write或者try...ca ...

  3. .NET Core快速入门教程 4、使用VS Code进行C#代码调试的技巧

    一.前言 什么是代码调试? 通过调试可以让我们了解代码运行过程中的代码执行信息,比如变量的值等等.通常调试代码是为了方便我们发现代码中的bug. 本篇开发环境 1.操作系统: Windows 10 X ...

  4. Eclipse调试常用技巧(转)

    Eclipse调试常用技巧 转自http://daimojingdeyu.iteye.com/blog/633824 1. 条件断点 断点大家都比较熟悉,在Eclipse Java 编辑区的行头双击就 ...

  5. PHPStorm+Wamp+Xdebug+Windows7调试代码

    Wamp 集成环境 PHPStorm+Xdebug 调试代码 2013.04.16 花了两个小时时间终于 , 配置成功了 ! 我的开发环境如下 , 其它环境也可以参考我的配置 开发环境 : Windo ...

  6. C语言中的调试小技巧

    C语言中的调试小技巧 经常看到有人介绍一些IDE或者像gdb这样的调试器的很高级的调试功能,也听人说过有些牛人做工程的时候就用printf来调试,不用特殊的调试器.特别是在代码经过编译器一些比较复杂的 ...

  7. 【转】分享两个基于MDK IDE的调试输出技巧

    我们在STM32开发调试过程中,常常需要做些直观的输出,如果手头没有相关的设备或仪器,我们可以使用 IDE自带的工具.这里分享两个基于MDK  IDE的调试输出技巧. 一.使用其自带的逻辑分析仪查看波 ...

  8. PyCharm实现高效远程调试代码

      PyCharm实现高效远程调试代码   (薛刚强)    为方便Python代码学习和项目开发,目前选择专业的 IDE 开发工具 ,如 PyCham.针对个人使用的技巧做个笔记,分享给大家,有描述 ...

  9. C++雾中风景番外篇3:GDB与Valgrind ,调试代码内存的工具

    写 C++的同学想必有太多和内存打交道的血泪经验了,常常被 C++的内存问题搅的焦头烂额.(写 core 的经验了)有很多同学一见到 core 就两眼一抹黑,不知所措了.笔者 入"坑&quo ...

随机推荐

  1. Strom简单介绍

    1.离线计算是什么? 离线计算:批量获取数据.批量传输数据.周期性批量计算数据.数据展示 代表技术:Sqoop批量导入数据.HDFS批量存储数据.MapReduce批量计算数据.Hive批量计算数据. ...

  2. HTTP常用标准请求头字段

    常用标准请求头字段 Accept 设置接受的内容类型 Accept: text/plain Accept-Charset 设置接受的字符编码 Accept-Charset: utf-8 Accept- ...

  3. 分布式系统CAP定理

    分布式系统领域有个著名的CAP定理: C-数据一致性: A-服务可用性: P-服务对网络分区故障的容错性 这三个特性在任何分布式系统中不能同时满足,最多同时满足两个 ZooKeeper是个CP的,即任 ...

  4. Scala语言简介和开发环境配置

    Scala语言的简介和开发环境搭建 Scala是一门结合了面向对象特征和函数式编程特征的语言,它是一个创新的编程语言产品.Scala可以做脚本(就像shell脚本一样),可以做服务端编程语言,可以写数 ...

  5. EOFException异常的处理

    TOmcat启动后报:IOException while loading persisted sessions: Java.io.EOFException错误 - IOException while ...

  6. 前端xss攻击

    xss是什么 xss跨站脚本攻击(Cross Site Scripting),是一种经常出现在web应用中的计算机安全漏洞,它指的是恶意攻击者往Web页面里插入恶意html代码,当用户浏览该页之时,嵌 ...

  7. linux SIGSEGV 信号捕捉,保证发生段错误后程序不崩溃

    在Linux中编程的时候 有时候 try catch 可能满足不了我们的需求.因为碰到类似数组越界 ,非法内存访问之类的 ,这样的错误无法捕获.下面我们介绍一种使用捕获信号实现的异常 用来保证诸如段错 ...

  8. mfs教程(三)

    mfs文件系统(三) 使用  MooseFS 一.挂载文件系统 启动管理服务器(master server)和数据服务器(chunkservers) (chunkservers一个是必需的,但至少两个 ...

  9. Mybatis简化sql书写,别名的使用

    之前,我们在sql映射xml文件中的引用实体类时,需要写上实体类的全类名(包名+类名),如下: <!-- 创建用户(Create) --> <insert id="addU ...

  10. 674. Longest Continuous Increasing Subsequence最长连续递增子数组

    [抄题]: Given an unsorted array of integers, find the length of longest continuous increasing subseque ...