如何使用firefox适用于javascript的debugger命令

首先安装firebug,在firefox的扩展里搜索安装即可。
然后在页面中启用firebug中的脚本:

然后在网页某些位置加入debugger命令,比如如下页面代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js弹出新窗口</title>
<script type="text/javascript">
    function open_new(obj){
        debugger;
        window.open(obj.href,'search','width=400,height=300,left=500,top=500,scrollbars,resizable');
    }
</script>
</head>
<body>
    <a href="http://www.baidu.com" onclick="open_new(this);return false;">
    go to baidu to search!
</a>
</body>
</html>

在鼠标单击链接时,会执行open_new()函数,而该函数中含有debugger命令,所以会在这个地方中断下来。你可以停下来查看一些变量的值,或选择继续执行。

时间: 2024-11-02 22:11:02

如何使用firefox适用于javascript的debugger命令的相关文章

IE和Firefox的Javascript兼容性总结[推荐收藏]_javascript技巧

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: 复制代码 代码如下: var year= new Date().getYear();

IE与Firefox下javascript getyear年份的兼容性写法_时间日期

IE与Firefox下javascript getyear年份不同浏览器 JavaScript 的getyear年份函数兼容性问题 先举个例子 用 Firefox 上一些网站会看到这样的提示 现在时间是 106年8月8日 而用 ie 浏览器的话就显示正常的 2006年8月8日 原因就是 javascript 的兼容性问题 var today = new date(); var year = today.getYear(); 在 Firefox 里面 getYear 返回的是 "当前年份-1900

推荐兼容 IE、 FireFox 的 javascript 日历控件

javascript|控件|日历 网上的WEB日历控件很多,功能也很强大,可惜大都不支持FireFox,自己闲时写了一个,有如下特色: 特色: 一.支持IE6,FireFox 二.支持中.英文日历.可自由扩展其它语言 三.遇到Select 下拉框的时候,采取隐藏的方法 四.采用div作为日历容器,不会被浏览器拦截 五.支持日期回显,如果你的文本框中是2003-05-12,要修改此值时,日历会自动显示到2003年5月的视图 存在的问题: 一.速度上不是十分的快.和实现有关,但也不慢,毕竟是脚本,也

Eval方法(执行Javascript字串命令)

javascript|执行 (一).示例图片效果 (二).代码<html><head><title>escape()函数的用法</title></head><body><script language="javascript">function run(){//把文本框input1的值转换成一条javascript命令并执行eval(document.form1.input1.value); }<

IE和FireFox下javascript读写XML实现广告轮换

javascript|xml|广告 最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换xml结构如下<ad><tupian>http://www.seehaha.com/images/060901-150.100.2.gif</tupian><tupian>http://www.seehaha.com/xml/06

IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧

在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法. 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是: object.style.property ,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的background-color 值,我们使用如下句法: document.getElementById("header").style.backgr

IE与Firefox在JavaScript上的7个不同句法分享_javascript技巧

在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法. 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是:object.style.property,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的<div>的 background-color值,我们使用如下句法: document.getElementById("header").style.backgrou

IE和Firefox在JavaScript应用中的兼容性探讨_javascript技巧

1.document.formName.item("itemName") 问题 说 明:IE下,可以使用document.formName.item("itemName")或document.formName.elements ["elementName"];Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.el

IE和Firefox下javascript的兼容写法小结_javascript技巧

1.发现IE下input标签的id属性默认和name属性相同,而Firefox必须明确写出id属性的名称否则不能使用id属性. 如:<input type="text" name="username" value=""> 在IE下如下代码可以执行而在Firefox下却不可以: <script> alert(document.getElementById("username").value); </