欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

IE、Chrome、Firefox使用debugger淺析

IE debugger

  我總是覺得，有那么多好用的插件呀、軟件呀應(yīng)該嘗試著去使用，而不是固步自封。我遇到j(luò)s問題都是用 alert 語句來進(jìn)行調(diào)試，今天呢，想著一起來學(xué)習(xí)一下3大主流瀏覽器的debugger，以后嘗試使用改變一下。

一、IE上的調(diào)試工具
IE 上可選擇的 JavaScript 調(diào)試工具不多，主要是 Microsoft 腳本編輯器 (Microsoft Script Editor) 以及 IE Developer Toolbar。
Microsoft 腳本編輯器
Microsoft 腳本編輯器是 Microsoft Office 中的一個(gè)小組件，這里我就不做深入研究了。
IE Developer Toolbar
IE Developer Toolbar ，是 IE 上的一個(gè)插件，用來探究和理解 Web 頁面的便捷工具，最主要的功能包括： 查看并修改頁面的 DOM 對(duì)象；查看選中元素或者標(biāo)簽的各種屬性，包括 HTML 和 CSS 屬性以及 JavaScript 事件等。
二、在 IE 中啟用腳本調(diào)試功能
低版本的IE，需要在 IE 菜單的工具菜單中，取消選中"禁用腳本調(diào)試 (Internet Explorer)"和 "禁用腳本調(diào)試 ( 其他 )"。如圖：
IE、Chrome、Firefox使用debugger淺析

成都創(chuàng)新互聯(lián)專注于企業(yè)營(yíng)銷型網(wǎng)站、網(wǎng)站重做改版、沙市網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為沙市等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

開啟之后，當(dāng)IE 碰到 JavaScript 語法及運(yùn)行時(shí)錯(cuò)誤，IE 會(huì)自動(dòng)彈出一個(gè)"實(shí)時(shí)調(diào)試"窗口（被動(dòng)的）。
我們可以在所要調(diào)試的某條語句或者函數(shù)中，加入 debugger 語句，這樣當(dāng) IE 執(zhí)行到這個(gè) debugger; 語句時(shí)，就會(huì)彈出實(shí)時(shí)調(diào)試窗口， 讓我們進(jìn)行調(diào)試（主動(dòng)的）。
例如：我們簡(jiǎn)單寫點(diǎn)代碼

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Debugger Learn</title>
    </head>
    <body>
        <a onclick="ie_debugger()">IE debugger</a>
    </body>
    <script type="text/javascript">
        function ie_debugger(){
            var num = 1;
            var totalNum = 0;
            debugger;
            num += num;
            total = do_something(num);
            alert(total)
        }
        function do_something(num){
            var total = parseInt(num)*36;
            return total;
        }
    </script>
</html>

在IE 瀏覽器中，先按F12打開調(diào)試工具，然后點(diǎn)擊觸發(fā)function，自動(dòng)進(jìn)入debugger。如圖
IE、Chrome、Firefox使用debugger淺析

Chrome debugger

此調(diào)試方法，與IE差不多。不在贅述。如圖：
IE、Chrome、Firefox使用debugger淺析

Firefox debugger

竟然也和IE類似的操作方法，會(huì)了IE基本上也就會(huì)其他倆個(gè)方式了。可能不同的瀏覽器，呈現(xiàn)的調(diào)試內(nèi)容不盡相同，我又何必一次探究完畢。如圖：

IE、Chrome、Firefox使用debugger淺析

各個(gè)瀏覽器，具體的調(diào)試方法，在使用的過程中，逐步了解吧。

文章題目：IE、Chrome、Firefox使用debugger淺析
鏈接地址：http://chinadenli.net/article48/gdgiep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、云服務(wù)器、標(biāo)簽優(yōu)化、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)