作家
登录

你可能不知道的Chrome-devtools用法总结

作者: 来源: 2017-04-11 16:06:06 阅读 我要评论

示例代码:

  1. console.time("Array initialize"); 
  2.     var array= new Array(1000000); 
  3.     for (var i = array.length - 1; i >= 0; i--) { 
  4.         array[i] = new Object(); 
  5.     }; 
  6. console.timeEnd("Array initialize"); 

结不雅:

你可能不知道的Chrome-devtools用法总结

当 time() 办法正在履行时代,将会生成一个 时间轴 记录并为其做出注解。这对于追踪应用的应用以及其来源异常有效。

你可能不知道的Chrome-devtools用法总结

反向查找元素

你也可以在任何一个元素上右键然后点击 Reveal in Elements Panel,如许就可以在DOM 中找到它。

你可能不知道的Chrome-devtools用法总结

控制台设置

在开辟者对象的设置窗口中的惯例选项卡里你可以修改四个控制台设置。

你可能不知道的Chrome-devtools用法总结

【编辑推荐】

  1. 实用于仪表盘项目标7个优良JavaScript库
  2. JavaScript即将来:介绍14个JavaScript的框架和库
  3. 在Node.js中看JavaScript的引用
  4. 大年夜JavaScript到TypeScript - 模块化和构建
  5. 在Node.js中看JavaScript的引用
【义务编辑:51CTO_OS TEL:(010)68476606】

  推荐阅读

  老生常谈-从输入url到页面展示到底发生了什么

阅能干次 输入地址 浏览器查找域名的 IP 地址 浏览器向 web 办事器发送一个 HTTP 请求 办事器的永远重定向响应 浏览器跟踪重定向地址 办事器处理请求 办事器返回一个>>>详细阅读


本文标题:你可能不知道的Chrome-devtools用法总结

地址:http://www.17bianji.com/lsqh/34726.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)