Firefox下javascript调试方法

最新推荐文章于 2024-04-18 09:00:00 发布

姜小白-

最新推荐文章于 2024-04-18 09:00:00 发布

阅读量2.5w

点赞数 5

分类专栏： javascript 文章标签： javascript firebug JavaScript调试

本文链接：https://blog.csdn.net/magi1201/article/details/43990621

版权

javascript 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

前面博文谈了一下IE浏览器下javascript的调试方法，今天没事干就把火狐浏览器（Firefox）下的javascript调试方法也看了一下，记录在此，希望对大家有所帮助。

我们这次使用的代码页面为document获取对象博文中的按name属性获取对象的代码。

<html>
	<head>
		<title>getElementsByName</title>
	</head>
	<body>
		<form id="form1" action="#">
			<a href="http://www.baidu.com/" name="clj" >百度</a></br>
			<a href="http://www.google.cn/" name="clj" >谷歌</a></br>
			<a href="http://www.gougou.com/" name="clj" >狗狗</a></br>
		</form>
		
		<script>
			<!--getElementsByName-->
			var hrefs = document.getElementsByName("clj");
			for (var i=0; i < hrefs.length; i++) {
				var aHref = hrefs[i]; // var aHref = hrefs.item(i);
				if (aHref.innerHTML == "百度") {
					alert(aHref.href);
					break;
				}
			}
		</script>
	</body>
</html>

用Firefox浏览器打开该页面，在浏览器的打开浏览器的工具栏，找到开发者选项按钮

点击进入，勾选开发者工具栏

完成后，看到浏览器最下方出现开发者选项的工具标识和关闭开发者工具栏的x标识

单击开发者选项的工具标识进入查看器页面

查看器页面有查看器，控制台，调试器，样式编辑器，性能，网络等tab页。

点击调试器tab页，刷新要调试的页面，调试器主窗口会出现要调试的代码

点击点击暂停按钮，点击后按钮状态改变，同时右边的三个调试步骤变为可操作状态，调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时，在代码行上面打断点。点击断点后，代码自动进入调试状态，取消断点，代码直接运行过去。

打断点后，刷新页面，页面会停留在断点处，按下F10按钮，让代码继续，会看到后边变量窗口出现所有的变量信息。

点击hrefs 变量，可以看到该集合属性的各对象，三个对象均为超链接，跟IE浏览器调试时看到的基本相同。

点击第一个对象，对象展开后会出现对象属性信息等内容

说到这里，Firefox浏览器的javascript调试基本就讲完了。

姜小白-

关注

5
点赞
踩
8

收藏

觉得还不错? 一键收藏
4
评论
Firefox下javascript调试方法

点击点击暂停按钮，点击后按钮状态改变，同时右边的三个调试步骤变为可操作状态，调试步骤的作用可参考IE浏览器javascript调试篇的讲解。同时，在代码行上面打断点。点击断点后，代码自动进入调试状态，取消断点，代码直接运行过去。
复制链接

扫一扫