javascript之 Firebug

记录日志

<!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>

javascript之 Firebug_第1张图片

格式化字符串

<!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>

点击右键设置条件断点

javascript之 Firebug_第2张图片


插件

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

2.YSlow 检测页面整体性能

3.调试PHP的FirePHP

4.调试Cookie的Firecookie


你可能感兴趣的:(JavaScript,jquery)