javascript之 Firebug

原创 2013年12月01日 21:55:28

记录日志

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Firebug</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<script type="text/javascript">
		console.log('This is log message');
		console.debug('This is debug message');
		console.error('This is error message');
		console.info('This is info message');
		console.warn('This is warning message');
	</script>
</body>
</html>


格式化字符串

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Firebug</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="generator" content="editplus" />
</head>
<body>
	<script type="text/javascript">
		var animal="猫",count="3",auther="巴金";
		var thing1="《家》",thing2="《春》",thing3="《秋》";
		//以下代码均是合法代码
		console.log("%d个%s掉入陷阱", count, animal);
		console.log(count, "个", animal, "掉入陷阱");
		console.log("%s写了:",auther, thing1, thing2, thing3);
	</script>
</body>
</html>

点击右键设置条件断点



插件

1.Page Speed插件,评估网页的性能

2.YSlow 检测页面整体性能

3.调试PHP的FirePHP

4.调试Cookie的Firecookie


借助FireBug来学习JavaScript的window对象

不难想象,在JavaScript中称作对象的家伙,就是符合三元素的整体。记不得什么时候学的JavaScript了,对window对象都有点模糊了。在w3school上面我们可以很清晰的看到window...
  • lfsfxy9
  • lfsfxy9
  • 2013年01月31日 21:35
  • 1655

Javascript 调试利器 Firebug使用详解六

 Javascript 调试利器 Firebug使用详解六 作者:  字体:[增加 减小] 类型:转载 有时候,为了更清楚方便的查看输出信息,我们可能需要将一些调试信息进行分...
  • leo388
  • leo388
  • 2015年04月16日 17:40
  • 340

调试JavaScript的Firebug的安装与使用

有关firebug的几个网站: http://www.joehewitt.com/software/firebug/docs.php http://www.securityfocus.com/in...
  • zb0567
  • zb0567
  • 2012年08月24日 23:37
  • 418

Javascript的调试:Firebug安装与使用详解

Firebug是与Firefox集成的,所以我们首先要安装的事Firefox浏览器。安装好浏览器后,打开浏览器,选择菜单栏上的“附加组件”菜单,在弹出的网页右上角的搜索框中输入“Firebug”后,回...

Javascript的调试利器:Firebug使用详解

原文地址http://blog.csdn.net/tianxiaode/article/details/1769152 Javascript的调试,是开发Web应用尤其是AJAX应用很重...
  • LSCcsdn
  • LSCcsdn
  • 2016年06月24日 12:07
  • 781

用Firebug调试JavaScript(转)

Javascript Debugging 现在在浏览器中按F12来打开并激活Firebug。点击“脚本”标签页,并在第6行插入断点,如下面的截图所...

火狐浏览器Firebug控制台显示本页面不包含 javascript的解决方案 debugger 无效解决方案

前言        自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。问题  用firebug调试的时候出现 ...
  • ymlf555
  • ymlf555
  • 2017年02月16日 15:01
  • 785

Javascript的调试利器:Firebug使用详解

出处:http://blog.csdn.net/tianxiaode/article/details/1769152  Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目...

用Firebug调试JavaScript脚本

打开 FireFox,进入http://www.google.cn 在FireFox的最右下角,点那个虫虫图标,出现一个调试的窗口,选择“脚本”项,在下面的HTML代码中,随便给以个JS代码设置一个断...
  • xwnxwn
  • xwnxwn
  • 2011年06月05日 14:58
  • 873

FireBug 调试JS入门 —如何调试javascript

安装就不用说了,很简单,在FireFox上插件库里找到FireBug就Ok了。下图是FireBug Debug 窗口。   图片看不清楚?请点击这里查看原图(大图)。    FireBug美工...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript之 Firebug
举报原因:
原因补充:

(最多只允许输入30个字)