如何使用firefox进行网页js调试

JavaScript012

如何使用firefox进行网页js调试,第1张

使用firefox进行网页js调试的方法:

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

2、点击进入,勾选开发者工具栏

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

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

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

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

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

点击浏览器上的查看,--->源文件--->

然后在文本中查找 <script

你会看到以下两种情况

1.

<script language="javascript">

alert()//或其它

</script>

2.<script src="script/test.js">

那么你输入你访问的网址 例 www.baidu.com/script/test.js

即可查看JS源代码了!

还有一种情况,就是那种广告或统计的javascript

其实是利用document.write()写了一段 <iframe 代码,

其实是在你的网页中加载了另一个网页的,我研究过的哈!

浏览器查看。

用Chrome、火狐等(其它浏览器操作类同),打开浏览器后,按F12。或者打开开发者工具,可以查看相应的html、css、js等内容。

效果图如下(查看源码)