コンソール API により、JS のデバッグがより簡単かつ効率的になります

除了console.log 你还知道其他调试方法吗？

所有Console Api <script><br /> console.dir(console);<br /> </script>显示简单信息<script><br /> console.log(&#039;hello world&#039;);<br /> console.info(&#039;信息&#039;);<br /> console.error(&#039;错误&#039;);<br /> console.warn(&#039;警告&#039;);<br /> </script>   占位符<script><br /> console.log(&#039;%d-%d-%d,%s&#039;,2016,08,21,&#039;中国女排夺的冠军！&#039;);<br /> </script>   统计代码执行次数<script><br /> function getInfo()<br /> {<br /> console.count(&#039;执行次数:&#039;);<br /> }<br /> getInfo();<br /> getInfo();<br /> getInfo();<br /> getInfo();<br /> </script>  显示分组信息<script><br /> console.group("第一组信息");<br /> console.log(&#039;第一组：自定义消息1&#039;);<br /> console.log(&#039;第一组：自定义消息2&#039;);<br /> console.log(&#039;第一组：自定义消息3&#039;);<br /> console.groupEnd();<br /> <br /> console.group("第二组信息");<br /> console.log(&#039;第二组：自定义消息1&#039;);<br /> console.log(&#039;第二组：自定义消息2&#039;);<br /> console.log(&#039;第二组：自定义消息3&#039;);<br /> console.groupEnd();<br /> </script>  显示对象信息<script><br /> var TomObj = {<br /> name : "Tom",<br /> sex : "男",<br /> age : &#039;31&#039;,<br /> hobby : "coding..."<br /> };<br /> console.dir(TomObj);<br /> </script>  显示页面信息<div> <br>     <h1 id="console-api">console api</h1> <br> </div> <br> <br> var info = document.getElementById('console');<br> console.dirxml(情報);<br> 式または変数が true かどうかを判断する<script type="text/javascript"><br /> var コード = 200;<br /> console.assert(コード);<br /> console.assert(コード == 200);<br /> console.assert(コード == 500);<br /> </script>関数呼び出しトレースを追跡する<script type="text/javascript"><br /> 関数 add(a,b) {<br /> console.trace();<br /> リターン a + b;<br /> }<br /> <br /> add(1,2);<br /> 追加(2,3);<br /> 追加(3,4);<br /> </script>タイミング関数<script type="text/javascript"><br /> Console.time("コンソールタイマー") ;<br /> console.log('開始');<br /> for(var i=0;i<1000;i++) {<br /> for(var j=0;j<1000;j++){<br /> }<br /> }<br /> console.log('終了');<br /> Console.timeEnd("コンソールタイマー");<br /> </script> パフォーマンスを分析する<script type="text/javascript"> 関数 getNews() {<br /> _getAjax_1();<br /> _getAjax_3();<br /> }<br /> <br /> 関数 _getAjax_1 () {<br /> for(var i=0;i<10;i++){<br /> _getAjax_2();<br /> }<br /> }<br /> <br /> 関数 _getAjax_2 () {<br /> for(var i=0;i<100;i++){<br /> _getAjax_3()<br /> }<br /> }<br /> <br /> 関数 _getAjax_3 () {<br /> for(var i=0;i<1000;i++){<br /> }<br /> }<br /> Console.profile('パフォーマンス アナライザー');<br /> GetNews();<br /> console.profileEnd();<br /> </script> <br>注意事項: ぜひ使ってみて、このコンソールを気に入ってください。
画像のアップロードは常に失敗します。レンダリングについては、ソース リンクを表示できます。

ありがとう〜

出典: http://mp.weixin.qq.com/s?__biz=MjM5NDM4MDIwNw==&mid=2448834664&idx=1&sn=7c4acdacc74ed1db81703be60e5537b1#rd

もっと[辛口な情報共有]をしたい場合は、私の個人購読アカウントをフォローしてください。