firebug的调试,console
console.log()
console.warn() 警告
console.error() 错误
console.group() 分组 console.grounpEnd() 分组结束
console.dir() 输出所有信息
var cat = {};
cat.name = "mm";
cat.sex = "male";
cat.show = function(){
return 'aa';
};
console.log(cat) //只会显示name和sex的属性
console.dir(cat) //会显示全部,name、sex、show都会显示出来
console.dirxml(obj) 显示当前元素的代码结构
var oDiv = document.getElementById('div1');
console.dirxml(oDiv); //显示oDiv的代码结构
console.assert() 断言
var a = 0; //数字0是false; console.assert(a) //断言失败,控制台会有信息 console.assert(20 === '20') //断言失败,控制台会有信息 console.assert(20 == '20') //断言成功,控制台没有信息
console.trace() 代码执行的过程
function a(){
return b();
}
function b(){
return c();
}
function c(){
console.trace();
return 1;
}
a();
结果:
c();
b();
a();
XXX.html;
console.time() console.timeEnd() 计算代码执行的时间
console.time('计时器');
for (var i=0;i<100000;i++) {
}
console.timeEnd('计时器‘);
/*
结果:
计时器:10ms
*/
console.profile() console.profileEnd() 查看性能(其中控制台-->概况也可以查看性能,先清空控制台,点击概况(概况收集中...),然后在页面上移动/点击,最后再点击概况即可查看到结果)
function a(){
for (var i=0;i<10;i++) {
b();
}
for (var i=0;i<20;i++) {
c();
}
function b(){
var b = 10;
}
function c(){
var c = 20;
}
}
console.profile();
a();
console.profileEnd();
在其他浏览器中也使用firebug工具
http://getfirebug.com/firebuglite网址,通过<script>引用到页面中(注:需要放在head中)
firebug的调试,console的更多相关文章
- Firebug中调试中的js脚本中中文内容显示为乱码
Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...
- firebug中的console常用的方法
firebug中的console常用的方法 1.console.log("Hello!"); --------------------显示基本信息 2.console.info(& ...
- javascript在调试bug的奇淫技巧(Chrome, Firebug, Filddle 调试)
Fiddler Fiddler调式使用知多少(一)深入研究 微信fiddle 微信fiddle Chrome Google Chrome 官方 Chrome - 基础 Chrome - 进阶 Chro ...
- javascript调试 console
Console命令详解,让调试js代码变得更简单 Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些 ...
- js调试console.log使用总结图解
一 实例 打印字符串和对象: 可展开对象查看内部情况: 看一下console对象本身的定义情况: 输出对象情况: utag对象所在文件: 输出对象: 二 Console.log 总结 1 如果你j ...
- 【调试】js调试console.log使用总结图解(重要)
0.介绍 先上图:不知道有多少人发现,在浏览器开发工具的“Console”上的百度首页的关于百度招聘的信息: 今天要给大家介绍的就是是Web前端调试工具中的Console面板,应该说只要是个浏览器就会 ...
- 简单的浏览器调试——console命令
一.显示信息 <script type="text/javascript"> console.log('hello'); console.info('信息'); con ...
- 浏览器控制台命令调试——console
控制台命令调试时通过浏览器开发工具中的控制台命令嵌入到JavaScript中,输出特定的信息或日志,从而达到调试的目的. 我们常用的Chrome和FireFox,都可以通过F12来打开开发工具. 下面 ...
- 高级Javascript调试——console.table()
原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable 本文只是简单翻译,部 ...
随机推荐
- [UI] APP界面设计流程
此教程从交互开始进行APP界面设计,主要是一个流程,还是值得童鞋们学习一下的.包括:1.交互流程设计:2.风格定位:3.功能icon设计:4.界面视效整体优化:5.应用icon设计.
- oc底层方法调用流程
1.对象方法保存到类对象里面,每个类对象中都有一个方法列表.类方法保存在元类中方法列表 a.通过isa指针去对应的类中查找: b.生成方法编号,根据方法编号查找对应的方法(找到只是最终实现地址,根据地 ...
- CentOS7 install vsftpd
#mkdir -p /var/ftp/xcl/ #yum install -y vsftpd#useradd -g ftp -M -d /var/ftp/xcl -s /sbin/nologin xc ...
- JavaEE XML XPath
JavaEE XML XPath @author ixenos XPath技术 1 引入 问题:当使用dom4j查询比较深的层次结构的节点(标签,属性,文本),比较麻烦!!!需要遍历DOM树的众多节点 ...
- java学习笔记:反射
1.什么是反射? Reflection(反射)是被视为动态语言的关键,反射机制允许程序做执行期间借助于ReflectionAPI取得任何类的内部信息,并能直接操作任意对象内部属性及方法 2.反射相关的 ...
- 关于react-native遇到Can't find variable: TouchableHighlight
当你遇到这样的问题时,是由于你没有import中添加TouchableHighlight import { AppRegistry, StyleSheet, Text, View, PixelRati ...
- QGIS
project(GisFreeMap) set(CMAKE_BUILD_TYPE Debug) find_package(Qt4 REQUIRED QtCore QtGui QtXml) includ ...
- VS插件-JSEnhancements
在Visaul Studio 2010中写js或css代码,缺少像写C#代码时的那种折叠功能,当代码比较多时,就很不方便. 今天发现,已经有VS2010扩展支持这个功能,它就是——JSEnhancem ...
- package scripts在前端项目的使用
前端的项目往往依赖了很多打包.部署工具,比如grunt,gulp,webpack.....,在这么多打包.部署工具里,有这各自的命令,这样给项目带来了很多烦恼,不同的项目不同的命令,有没有办法统一接口 ...
- hibernate_@GeneratedValue
JPA通用策略生成器 通过annotation来映射hibernate实体的,基于annotation的hibernate主键标识为@Id, 其生成规则由@GeneratedValue设定的.这里 ...