热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

使用FireBug调试Js

js的代码无疑是很令人头疼的东西,虽然说它给人们的视觉带来了很大的冲击力,但是它及其灵活的语法和非常琐碎的细节也及其让人头疼。AJAX的出现又掀起来了一场web的革命,其实AJAX不是什么

      js的代码无疑是很令人头疼的东西,虽然说它给人们的视觉带来了很大的冲击力,但是它及其灵活的语法和非常琐碎的细节也及其让人头疼。AJAX的出现又掀起来了一场web的革命,其实AJAX不是什么新的东西,但是ajax现在已经是web开发人员必须具备的基本能力之一。AJAX的运用让用户的体验提升了一个档次,但是程序员的开发难度也相应提升了一个难度。虽然说现在AJAX的框架很多:Jquery,dojo,ext...但是仍然改变不了很多编写后台代码的程序员不愿意编写js代码的现状(以偏概全:我不愿意写js代码,今天一个js代码让我整了好几个小时)。

      工具是为人民服务的,就像那里有压迫那里既有反抗似的,因为大家写js代码有难度所以善解人意的Mozilla公司退出了firebug,下面我说一下firebug的应用:

      第一步:下载firebug。打开firefox的工具选项,选择组件,搜索firebug插件,添加并安装。

      第二部:安装完成以后,按F12或地点击查看中的firebug选项都可以调出firebug。

这就是firebug的调试窗口,其实firebug功能很强大,我刚刚使用了解也不是太多。脚本就是调节js脚本文件的;html、css不言自寓,控制台和eclipse的console功能差不多,会提示你一些错误和警告信息;网络记录了一些与后台服务器交互的信息比如说具体的链接地址,与服务器交互的时间,都有显示。

      第三步,有了上面的一些了解,下面就具体调试一个程序(主要调试js):

最左边的黄色按钮是:单步进入,中间的按钮是:单步跳过,最右边的按钮是:单步跳出,三角按钮是执行到下一断点。

      我在说一下,我调试js的一些技巧吧:就拿今天的错误来说。今天的错误其实非常简单但是却还我浪费了几个小时。我一直认为是我js代码的原因,于是我在firebug里面调试调试...终于也没有什么成果。错误的类型是和后台服务器交互失败。做成这个错误也还有另外一方面的原因,因为我通过网路看多js代码和后台是有交互的

上面还记录了交互时间。终于把链接地址拷贝出来放到地址栏中访问了一下,哎呀大意失荆州呀!!后台代码有错...不过错误解决了挺高兴的!!!


推荐阅读
  • from:http:www.myquickphp.comarchives147(请求的跨域服务器不支持常规”?”查询请求时的解决方案)昨天第一次做VIP需求时,发现一 ... [详细]
  • 前端图片合成技术_靠谱的前端需要做哪些准备?
    Web前端开发源于传统的互联网,互联网普及让人才需求量居高不下,随着移动互联网的高速发展,移动终端的前端开发也越来越受到重视, ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 前言:关于跨域CORS1.没有跨域时,ajax默认是带cookie的2.跨域时,两种解决方案:1)服务器端在filter中配置详情:http:blog.csdn.netwzl002 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了DataTables插件的官方网站以及其基本特点和使用方法,包括分页处理、数据过滤、数据排序、数据类型检测、列宽度自动适应、CSS定制样式、隐藏列等功能。同时还介绍了其易用性、可扩展性和灵活性,以及国际化和动态创建表格的功能。此外,还提供了参数初始化和延迟加载的示例代码。 ... [详细]
  • 第一种<script>$(".eq").on(&qu ... [详细]
  • JavaWeb介绍概念JavaWeb,是用Java技术来解决相关web互联网领域的技术总和。web包括:web服务器和web客户端两部分。Java在客户端的应用有javaapplet,不过使 ... [详细]
  • JavaScript与DOM(上)——也适用于新手 – 深入理解JavaScript系列 23
    本文是《JavaScript深度解析》系列文章第23篇(共51篇)文档对象模 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 分享css中提升优先级属性!important的用法总结
    web前端|css教程css!importantweb前端-css教程本文分享css中提升优先级属性!important的用法总结微信门店展示源码,vscode如何管理站点,ubu ... [详细]
author-avatar
En199010221
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有