加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 湛江站长网 (https://www.0759zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

灵活使用console让 js调试更简单

发布时间:2019-04-05 15:40:08 所属栏目:建站 来源:前端小智
导读:副标题#e# Web开发最常用的高度就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之外还有很多其他方法。 适当使用这些方法可以使调试更容易,更快速,更直观。 console.log() 在console.log 中有很

你可以直接从控制台检查一个元素:

  •  inspect($(‘selector’)) 将检查与选择器匹配的元素,并转到 Chrome Developer Tools中的 Elements 选项卡。 例如, inspect($(‘#firstName’)) 将检查 ID为'firstName' 的元素,spect($(‘a’)[3]) 将检查 DOM 中的第 4 个 a 元素。
  •  $0, $1, $2 等可以帮助你获取最近检查过的元素。 例如,$0 表示最后检查的 DOM 元素,而$1 倒数第二个检查的 DOM 元素。

检索最后一个结果的值

你可以将控制台用作计算器。当你这样做的时候,你可能需要用第二个来跟踪一个计算。以下是如何从内存中检索先前计算的结果:

  1. $_  

过程如下:

  1. 2+3+4  
  2. 9 //- The Answer of the SUM is 9  
  3. $_  
  4. 9 // Gives the last Result  
  5. $_ * $_  
  6. 81  // As the last Result was 9  
  7. Math.sqrt($_)  
  8. 9 // As the last Result was 81  
  9. $_  
  10. 9 // As the Last Result is 9 

清除控制台和内存

如果你想清除控制台及其内存,输入如下:

  1. clear() 

(编辑:PHP编程网 - 湛江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!