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

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

发布时间:2019-04-04 21:36:33 所属栏目:建站 来源:前端小智
导读:Web开拓最常用的高度就是 console.log ,固然 console.log 占据一席之地,但许多人并没故意识到 console 自己除了根基 log 要领之外尚有许多其他要领。 恰当行使这些要领可以使调试更轻易,更快速,更直观。 console.log() 在console.log 中有许多人们意想

假如但愿在执行绑定到DOM中特定元素的变乱时监督它们,也可以在节制台中这样做。你可以行使差异的呼吁来监控个中的一些或全部变乱:

  •  monitorEvents($(‘selector’)) 将监督与选择器的元素关联的全部变乱,然后在它们被触发时将它们打印到节制台。譬喻,monitore($(#firstName)) 将打印 ID 为 firstName元素的全部变乱。
  •  monitorEvents($(‘selector’),’eventName’) 将打印与元素绑定的特定变乱。 你可以将变乱名称作为参数转达给函数。 这将仅记录绑定到特定元素的特定变乱。 譬喻,monitorEvents($(‘#firstName’),’click’) 将打印绑定到ID为'firstName'的元素的全部 click 变乱。
  •  monitore($(selector),[eventName1, eventName3', .])将按照您本身的需求记录多个变乱。与其转达单个变乱名作为参数,不如转达包括全部变乱的字符串数组。譬喻monitore($(#firstName),[click, focus])将记录与ID firstName元素绑定的 click变乱和focus变乱。
  •  unmonitorevent ($(selector)):这将遏制监督和打印节制台中的变乱。

搜查 DOM 中的一个元素

你可以直接从节制台搜查一个元素:

  •  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() 

(编辑:湖南网)

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

热点阅读