FireFox调试代码(很强大)

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

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

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

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

第二个是控制台,

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

第三个是调试器,

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

第四个是样式编辑器,

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

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

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

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

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

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

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

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

时间: 2024-12-26 08:18:24

FireFox调试代码(很强大)的相关文章

FireFox调试代码技巧

本文版权归 csdn DyncRole 所有,此处为技术收藏,如有再转请标明原创作者及出处,以示尊重! 作者:DyncRole 原文:http://blog.csdn.net/qqhjqs/article/details/41889413 这些天做的任务出现好多的错误,但是我也局限于再开发工具eclipse上调试,但是传到前台的数据没有办法调试,找经理来解决问题,被吵了,同时也学到一些小的技巧,在这里记下来,不是很全面,以后学到更多再来更新. 打开火狐浏览器,按"F12",页面下方会出

我常用的自定义函数之p 用于打印数据,调试代码很方便

我常用,主要用于打印数据,看起来特别简洁,当然函数还可以写的更具体 1 function p($arr){ 2 header('content-type:text/html;charset=utf8'); 3 if(is_string($arr)){ 4 echo $arr; 5 }else if(is_array($arr)){ 6 echo "<pre>"; 7 print_r($arr); 8 echo "</pre>"; 9 }els

ReSharper的功能真的很强大主要是针对代码规范和优化,园子里介绍的也不少,如果你没有安装,那我只能表示你们会相见恨晚

二.ReSHarper 代码规范.单元测试.... ReSharper的功能真的很强大,主要是针对代码规范和优化,园子里介绍的也不少,如果你没有安装,那我只能表示你们会相见恨晚! 1.像命名不规范,foreach转化为linq, 用var来命名,出名的Ctrl+alt+Enter 自动修改,清除多余的变量和引用,Ctrl+K+D(这是VS自带的,搞错了)文档对齐,Ctrl+R+R 命名替换 等等我就不再多说了.用过的人都知道. 2.关键是这个货居然还能调整CSS. 比如: 比自己敲要来的快,当然

android:分享 一个很强大的LOG开关---Log.isLoggable

1.API亮点: 此API可以实现不更换APK,在出问题的手机上就直接能抓到有效log,能提升不少工作效率. 2.API介绍 最近在解决短信问题时,看到一个很强大的LOG开关---Log.isLoggable 1. if (Log.isLoggable(LogTag.TRANSACTION, Log.VERBOSE)) { 2.     Log.v(TAG, "Creating TransactionService"); 3. } 进入framework中查看isLoggable方法的

js中的console很强大

今天闲来没事,瞎逛, 发现了淘宝首页的这个: 想起来之前在百度的 页面中也曾看到过.于是乎自己试一试. 于是便见识到了console对象其实很强大,用好它对调试真的有很大帮助. 代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset=utf-8> 5 <title>demo</title> 6 </head> 7 <bod

【转】 值得推荐的C/C++框架和库 (真的很强大)

[转] 值得推荐的C/C++框架和库 (真的很强大) 值得学习的C语言开源项目 - 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的性能,最多可以模拟3万个并发连接去测试网站的负载能力.Webbench使用C语言编写, 代码实在太简洁,源码加起来不到600行. 下载链接:http://home.tiscali.cz/~cz210552/webbench.html - 2. T

值得推荐的C/C++框架和库 (真的很强大) c

http://m.blog.csdn.net/mfcing/article/details/49001887 值得推荐的C/C++框架和库 (真的很强大) 发表于2015/10/9 21:13:14  14199人阅读 分类: 开源 本篇文章主要介绍了"值得推荐的C/C++框架和库 (真的很强大)",主要涉及到方面的内容,对于C/C++教程感兴趣的同学可以参考一下: 得学习的C语言开源项目- 1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使

CSS3很强大

[代码] 个人感觉很强大的CSS3特效旋转效果 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>transform-style的3D效果测试</title><style>*{font-size: 14px;color: #fff; padding:0; margin:0;}#container { position: relative;

.Net 其实很强大

在微软封闭的圈子时间长了,以为.Net就是整个软件世界.微软提供了外面开发所需要的一切.IDE, WorkFlow等.混久了总觉得.Net很弱,感觉外面的开源世界很强大. 其实.Net没我想象的那么弱.只是我们的项目没有和开源世界有很好的结合.用了开源项目会使你的项目开发进度快好多,性能也不错.下面说下我对.Net 开发的一些理解. 1. .Net是一个实现,它是软件开发的一个具体实现(就像一个Interface的.Net 实现,也可以有Java, Node.js实现). 2. 如何管理一个大型