FireFox调试代码技巧
本文版权归 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调试代码技巧的更多相关文章
- .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧
一.前言 为什么要调试代码?通过调试可以让我们了解代码运行过程中的代码执行信息,比如变量的值等等.通常调试代码是为了方便我们发现代码中的bug.ken.io觉得熟练代码调试技巧是成为合格程序员的基本要 ...
- js脚本代码调试小技巧
以前写js代码调试代码查看数据是否正确的时候不知道F12(开发者工具),都是alert(xxx)或者console.log(xxx), 现在知道还可以用document.write或者try...ca ...
- .NET Core快速入门教程 4、使用VS Code进行C#代码调试的技巧
一.前言 什么是代码调试? 通过调试可以让我们了解代码运行过程中的代码执行信息,比如变量的值等等.通常调试代码是为了方便我们发现代码中的bug. 本篇开发环境 1.操作系统: Windows 10 X ...
- Eclipse调试常用技巧(转)
Eclipse调试常用技巧 转自http://daimojingdeyu.iteye.com/blog/633824 1. 条件断点 断点大家都比较熟悉,在Eclipse Java 编辑区的行头双击就 ...
- PHPStorm+Wamp+Xdebug+Windows7调试代码
Wamp 集成环境 PHPStorm+Xdebug 调试代码 2013.04.16 花了两个小时时间终于 , 配置成功了 ! 我的开发环境如下 , 其它环境也可以参考我的配置 开发环境 : Windo ...
- C语言中的调试小技巧
C语言中的调试小技巧 经常看到有人介绍一些IDE或者像gdb这样的调试器的很高级的调试功能,也听人说过有些牛人做工程的时候就用printf来调试,不用特殊的调试器.特别是在代码经过编译器一些比较复杂的 ...
- 【转】分享两个基于MDK IDE的调试输出技巧
我们在STM32开发调试过程中,常常需要做些直观的输出,如果手头没有相关的设备或仪器,我们可以使用 IDE自带的工具.这里分享两个基于MDK IDE的调试输出技巧. 一.使用其自带的逻辑分析仪查看波 ...
- PyCharm实现高效远程调试代码
PyCharm实现高效远程调试代码 (薛刚强) 为方便Python代码学习和项目开发,目前选择专业的 IDE 开发工具 ,如 PyCham.针对个人使用的技巧做个笔记,分享给大家,有描述 ...
- C++雾中风景番外篇3:GDB与Valgrind ,调试代码内存的工具
写 C++的同学想必有太多和内存打交道的血泪经验了,常常被 C++的内存问题搅的焦头烂额.(写 core 的经验了)有很多同学一见到 core 就两眼一抹黑,不知所措了.笔者 入"坑&quo ...
随机推荐
- js 判断浏览器类型大全
/**** * 目前识别范围 * Microsoft Internet Explorer IE浏览器 * --> TheWorld 世界之窗 * --> TT浏览器 * --> 36 ...
- android 除法运算保留小数点
java保留两位小数问题: 方式一: 四舍五入 double f = 111231.5585; BigDecimal b = new BigDecimal(f); double f1 = b.setS ...
- 成都国嵌-嵌入式linux必修实验手册…
emouse收集整理,转载请注明: emouse的技术专栏 博客园:http://www.cnblogs.com/emouse/ CSDN:http://blog.csdn.net/haozi_198 ...
- request.getHeader("x-forwarded-for")这是什么意思
request.getHeader,简单的说就是获取请求的头部信息,根据http协议,它能获取到用户访问链接的信息,以下是我们常用的: request.getHeader("referer& ...
- 201671010127 2016—2017-2 通过一个小程序对Java的再认识。
学习了将近四周的Java语言,对于Java语言,我也有了更进一步的理解,出于对Java语言的喜爱,我总是喜欢没事的时候,自己敲一些很简单的代码,一边学习Java语言,一边对比C语言,往往可以帮助我们更 ...
- c++多线程编程(二)
这是道面试题目:有三个线程分别打印A.B.C,请用多线程编程实现,在屏幕上循环打印10次ABCABC… 见代码: #include <iostream> #include <Wind ...
- 下载tomcat安装版
1.我们首先在浏览器的地址栏中输入下载地址,如下: Tomcat下载网站链接:http://tomcat.apache.org/ 大家注意:以上下载链接中以zip或gz结尾的都是免安装版的,我们要下载 ...
- ECShop研究:去掉标题中的Powered by ECShop和meta的<meta name="Generator" content="ECSHOP v2.7.3" />
本文以ECSHOP v2.7.3为说明,其他版本可能有所不同. 标题中的Powered by ECShop去除方法: 打开includes/lib_main.php文件: 找到156行:$page_t ...
- Gnu C API使用指南
1)posix_fadvise http://blog.yufeng.info/archives/1917 2)fts系列 http://www.cnblogs.com/patientAndPersi ...
- caret 分类回归树 用法
http://topepo.github.io/caret/feature-selection-overview.html