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 本文只是简单翻译,部 ...
随机推荐
- 【C#】Send data between applications
This sample shows how to send data between different applications, including object data——transform ...
- ViewCompat.animate(view) floatEval.evaluate() argbEval.evaluate()
ViewCompat.animate(ivHead) .translationX(60)// .setInterpolator(new CycleInterpolator(4))//循环执行// .s ...
- 【LeetCode】29. Divide Two Integers
题意:不用乘除求余运算,计算除法,溢出返回INT_MAX. 首先考虑边界条件,什么条件下会产生溢出?只有一种情况,即返回值为INT_MAX+1的时候. 不用乘除求余怎么做? 一.利用减法. 耗时太长, ...
- Ubuntu 16.04 Django安装和配置
之前有安装和配置过,换了台电脑,再安装和配置,忽然发现差不多都忘记了,这里记录下已备之后查阅. sudo apt-get install python-pip sudo apt-get install ...
- 快速掌握LODOP打印使用方法
用运之前简单介绍几个东西. install_lodop32.exe与install_lodop64.exe这两个是2个网页打印控件,网页打印必须安装这个控件在客户端,分为32和64位安装控件.(如果自 ...
- thinkphp判断是否为手机
一.问题: 近日准备给自己的网站做一个小升级,让用户在手机二维码扫描的时候显示适合手机端来展示的模版[我用的是ThinkPHP3.0],代码是参考别人的 二.实现方法: 这里先说下大概的一个思路 简单 ...
- DB2数据库实例创建与删除 学习笔记
以root身份执行 $DB2HOME/instance/db2idrop -f 实例名,注意一定要加-f,否则不会删除实例下面sqllib文件.如果不幸忘了,执行db2icrt,会报sqllib文件存 ...
- C#基础1:Console类
Console相关: 1.输出到控制台 Console.Write(输出的值); 表示向控制台直接写入字符串,不进行换行,可继续接着前面的字符写入.Console.WriteLine(输出的值) ...
- 一个快速、高效的Levenshtein算法实现——代码实现
在网上看到一篇博客讲解Levenshtein的计算,大部分内容都挺好的,只是在一些细节上不够好,看了很长时间才明白.我对其中的算法描述做了一个简单的修改.原文的链接是:一个快速.高效的Levensht ...
- win7安装omnetpp-4.6
最近做毕设要用omnet仿真系统,就试着在win7上装了一下,分享一下经验咯.因为lz经常刷机,所以安装过程都是从头再来的,费话不多说.下面是安装过程: (1) 安装jdk,我就百度一下,然后找 ...