第一步  新建 html 或者 jsp 文件

Firefox 调试 JavaScript 代码 随笔 第1张

文件内容

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var x="",i=0;
    while (i<5){
        x=x + "该数字为 " + i + "<br>";
        i++;
    }
    document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

第二步 用 firefox 打开该文件

右上角 -- > Web 开发者 --> Web 控制台

或者按 F12 进入开发者模式

Firefox 调试 JavaScript 代码 随笔 第2张

Firefox 调试 JavaScript 代码 随笔 第3张

Firefox 调试 JavaScript 代码 随笔 第4张

Firefox 调试 JavaScript 代码 随笔 第5张

Firefox 调试 JavaScript 代码 随笔 第6张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄