文档章节

javaScript的调试(三)

博为峰教研组
 博为峰教研组
发布于 2017/02/08 18:40
字数 410
阅读 3
收藏 0

在火狐浏览器中安装完Firebug后,下面我们就来看一下如何使用Firebug调试javaScript代码。

二、使用Firebug调试

这里有我们在调试过程中经常使用到的6个菜单栏,上面我们已经用红色边框圈出。

1.控制台

我们在调试代码中,经常会使用的输出语句,打印出某段代码执行的结果,看是否正确。

2.HTML

Fire的查看和修改HTM代码功能:

利用Inspect检查功能,我们还可以在页面中直接选中一些区域,查看相应的HTML源代码,如果你使用了外部编辑器修改了当前网页,可以点击Firebug的reload图片重新载入网页,它会继续跟踪你之前用Inspect选中的区块,方便调试。

3.CSS

查看和编辑CSS样式表,和HTML的使用是一一致的,这里是用来修改CSS样式的

4.DOM

主要用于查看页面DOM信息,通过提供的搜索功能实现DOM的快速准确定位,并可双击来实现DOM节点属性或值的修改

5.脚本

这主要是一个脚本调试器,可以进行单步调试、断点设置、变量查看等功能,同时通过右边的监控功能来实现脚本运行时间的查看和统计,提高运行效率。

 

6.网络

主要用来监控网页各组成元素的运行时间的信息,方便找出其中运行时间较慢的部分,进一步优化运行效率。

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
微信中分享到朋友圈,自定义标题和缩略图,以及描述

首先公众号是要已经认证过的。 你得知道微信公众账号的appid和appsecret,这在公众账号后台可以查,然后用后台语言通过这两个值拿到一个签名,通过这个签名配置一下js就可以用了 。 微信规定...

三分懵
04/30
0
0
项目:艺龙国内机票实时数据爬虫

使用模块:requests(请求模块),js2py(js执行模块),json(解析json),xpath(解析网页)。 项目流程: 分析网站数据来源。 编写爬虫脚本。 验证数据准确性。 js逆向破解参数生成。 更换...

阿锋zxf
02/17
102
0
分享10个 javascript 在线 debugging 工具

日期:2012/01/18 来源:GBin1.com 调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具,...

gbin1
2012/01/19
1K
2
在 IntelliJ IDEA 下远程调试 JavaScript

谈起JavaScript调试,大家可能想到的就是FireFox下的FireBug,这毫无疑问,FireBug基本已经成为JavaScript开发 人员的必备工具。在本文中,将向大家介绍如何在IDEA下远程调试JavaScript,毕竟...

鉴客
2010/07/22
9.3K
0
5 个非常有用的 JavaScript 调试工具

JavaScript被称作以原型(prototype)为基础的语言。这种语言有很多特色,比如动态和弱类型,它还有一等函数(first class function)。另一个特点是它是一个多范型(multi-paradigm)语言,支持...

tsl0922
2012/05/06
4.9K
11

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
5
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
6
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
7
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部