热门标签 | 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代码和后台是有交互的

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


推荐阅读
  • 凡客诚品官方网站的前端改进建议
    打开http:www.vancl.com发现采用的Asp.net,这点我感到很欣慰,毕竟国内采用.net技术体系的优秀网站少之又少。好奇之余右键-查看源 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • Java测试服务器调试指南详细介绍了如何进行远程调试,并深入解析了Java Xdebug参数的使用方法。本文首先概述了Java内置的调试功能,重点介绍了JDB这一类似于GDB的强大调试工具。通过实例演示,读者可以掌握在测试环境中高效调试Java应用程序的技巧,包括配置远程调试环境和优化调试参数,以提高开发效率和代码质量。 ... [详细]
  • 本文详细介绍了如何在Java Web服务器上部署音视频服务,并提供了完整的验证流程。以AnyChat为例,这是一款跨平台的音视频解决方案,广泛应用于需要实时音视频交互的项目中。通过具体的部署步骤和测试方法,确保了音视频服务的稳定性和可靠性。 ... [详细]
  • 基于Java和SSM框架的志愿者管理平台源代码分析与实现
    本研究针对基于Java和SSM框架的志愿者管理平台进行了详细的源代码分析与实现。该平台属于Java Web项目,采用Java EE技术栈,并结合了Spring、Spring MVC和MyBatis三大核心框架(非开源)。项目名称为“基于SSM的志愿者管理系统”,旨在提升志愿者管理的效率和规范性。通过对系统架构、模块设计及关键代码的深入解析,本文为开发者提供了全面的技术参考和实践指导。 ... [详细]
  • 本文详细解析了JSONP(JSON with Padding)的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术,其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景,还深入探讨了其具体实现过程,包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外,还分析了JSONP的优势和局限性,帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]
  • from:http:www.myquickphp.comarchives147(请求的跨域服务器不支持常规”?”查询请求时的解决方案)昨天第一次做VIP需求时,发现一 ... [详细]
  • ItriedtouseFirebugLite(viathebookmarkletandalsoaddingittooneofmywebsites).我尝试使用Fi ... [详细]
  • 前端图片合成技术_靠谱的前端需要做哪些准备?
    Web前端开发源于传统的互联网,互联网普及让人才需求量居高不下,随着移动互联网的高速发展,移动终端的前端开发也越来越受到重视, ... [详细]
  • JSCoverage-->JavaScript测试覆盖率检测工具(转),Go语言社区,Golang程序员人脉社 ... [详细]
  • IsapiCache组件 - 自动为网站生成…
    sapiCache是一款自动为网站生成静态页面的IIS组件(ISAPI筛选器),静态页面可以有效的加快网站访问速度,大大减轻服务器负担。工作原理是组件把服务器返回给客户端的网页源码保存起来,生成静态文 ... [详细]
  • 解决Parallels Desktop错误15265的方法
    本文详细介绍了在使用Parallels Desktop时遇到错误15265的多种解决方案,包括检查网络连接、关闭代理服务器和修改主机文件等步骤。 ... [详细]
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社区 版权所有