您的位置：首页 > Web前端 > JavaScript

Firefox下javascript调试方法

2017-02-03 18:12 267 查看

转自： http://blog.csdn.net/magi1201/article/details/43990621
前面博文谈了一下IE浏览器下javascript的调试方法，今天没事干就把火狐浏览器（Firefox）下的JavaScript调试方法也看了一下，记录在此，希望对大家有所帮助。

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

[html]
view plain
copy

<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>
            
            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浏览器打开该页面，在浏览器的打开浏览器的工具栏，找到开发者选项按钮