• <td id="ae6ms"><li id="ae6ms"></li></td>
  • <xmp id="ae6ms"><td id="ae6ms"></td><table id="ae6ms"></table>
  • <table id="ae6ms"></table>
  • <td id="ae6ms"></td>
    <td id="ae6ms"></td>
  • <table id="ae6ms"></table><table id="ae6ms"><td id="ae6ms"></td></table>
  • <td id="ae6ms"></td>
  • <table id="ae6ms"><li id="ae6ms"></li></table>
  • <table id="ae6ms"></table>
    西西軟件下載最安全的下載網站、值得信賴的軟件下載站!

    首頁編程開發其它知識 → 谷歌瀏覽器日志記錄命令console.log的使用

    谷歌瀏覽器日志記錄命令console.log的使用

    前往專題相關軟件相關文章發表評論 來源:西西整理時間:2013/3/7 17:38:26字體大?。?em class="fontsize">A-A+

    作者:西西點擊:0次評論:0次標簽: firebug

    Firebug2.0.7 中文最新版
    • 類型:瀏覽輔助大?。?i>2.4M語言:中文 評分:7.2
    • 標簽:
    立即下載

    相信從事前端開發的您,一定不會陌生Mozilla五星級推薦的一款插件:firebug,它是如此強大,乃至于我們可以很方便地調試DHTML的近乎所有元素。而在它深邃的機體里,還存有一個命令:console.log。 她是用來做什么的?顧名思義,它是一個彪悍的日志記錄功能,您可以從您自己的web頁面上調用,然后以最快的方式轉儲盡可能多的信息到控制臺上,從而能更醒目地讓你意識到你的javascript下一步需要做什么。

    那么,菜鳥級前端工程師賢心將與您分享這一可愛的朋友。 首先請嘗試打開你的chrome瀏覽器,F12召喚出firebug,在如下界面中點擊Console,然后輸入13+14,回車,它將出現:

    它就是如此靈活,無論您是否接受!其最簡單的書寫方式可以為:

    console.log('hello world');

    你還可以加入許多參數,比如:

    var you = 'you';
    console.log(1,3,1,4,'love',you);

    在一些遍歷的操作中,如果你需要一眼目睹所有結果,使用alert調試顯然不足,那么你就可以借助log

    var json = {
    	name:'賢心',
    	sex:'男',
    	age:'23'
    }
    for(i in json){
    	console.log(i+':'+json[i]);
    	//alert(i+':'+json[i])
    }


    當然,console.log提供的功能遠不止這些,您還可以在它的控制臺中做更多的事。如果你給log傳遞的是一個對象或者數組、HTML元素等,控制臺將會顯示為一個超鏈接,點擊它您就可以查看該元素的詳細信息了,比如您可以輸入:

    console.log(document.body);

    那么,它將立馬輸出body所包含的所有元素:

    除了console.log,console對象還能實現日志的彩色輸出,這將讓您的調試結果顯得更清晰了:

    console.warn(); //信息左側將會出現感嘆圖標
    console.error(); //信息左側將會出現×圖標

    熟練使用console.log,可以讓您在javascript調試中省不少麻煩,尤其是面對龐大的框架操作。那么,從現在開始,趕緊去嘗試運用吧,你將體會她更多的神奇,而不僅僅是賢心所介紹的這些。

      相關評論

      閱讀本文后您有什么感想? 已有人給出評價!

      • 8 喜歡喜歡
      • 3 頂
      • 1 難過難過
      • 5 囧
      • 3 圍觀圍觀
      • 2 無聊無聊

      熱門評論

      最新評論

      發表評論 查看所有評論(0)

      昵稱:
      表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
      字數: 0/500 (您的評論需要經過審核才能顯示)
      推薦文章

      沒有數據

      女人让男人桶30分钟免费视频,女人张开腿让男人桶个爽,一进一出又大又粗爽视频
    • <td id="ae6ms"><li id="ae6ms"></li></td>
    • <xmp id="ae6ms"><td id="ae6ms"></td><table id="ae6ms"></table>
    • <table id="ae6ms"></table>
    • <td id="ae6ms"></td>
      <td id="ae6ms"></td>
    • <table id="ae6ms"></table><table id="ae6ms"><td id="ae6ms"></td></table>
    • <td id="ae6ms"></td>
    • <table id="ae6ms"><li id="ae6ms"></li></table>
    • <table id="ae6ms"></table>