`

查看js 执行效率工具

    博客分类:
  • js
阅读更多
原帖地址:http://www.cnblogs.com/liuzhang/archive/2013/05/31/3109789.html

  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 在网页头部加入这句话会用自动用最高版本浏览器打开网页,据说会导致内存泄露,如果具体制定某个具体的版本,比如IE = 7,则不会导致内存泄露,我也不知道具体什么原因,既然会导致内存泄露,浏览器还支持这个玩意干嘛,不是找虐吗? 当把这句话去掉,网页在ie8以下慢的像乌龟一样,这时候就需要查找js执行,那些地方耗时了。由于js 是事件驱动的,网上工具只是静态的查看这个js 执行多少时间。很少能动态的查看这个动作执行了多少时间。

    IE9 F12 开发工具 探查器能够帮助我们查看js执行效率。用法如下

  

  首先切换到你要测试的浏览器, 单击探测器选项卡,单击开始采样! 再在你感觉慢的地方进行操作!停止采样如下图

  

   会展示一些那些函数操作的耗时,以及具体的行号,点击url会定位到具体行号。查找原因进行优化。网上几乎没有介绍这个,上面几个数据项的含义,我也不清楚具体的意思。只找到了微软一篇很简单介绍  http://msdn.microsoft.com/zh-cn/library/dd565628(VS.85).aspx#调试_JScript

  谷歌 f12开发工具也有此功能 ,是叫 profiles

    

单击start,进行在慢的地方进行操作!单击stop结束

   谷歌执行效率比较高,一般没什么价值!

本文链接

分享到:
评论

相关推荐

    这是个js编辑工具这是个js编辑工具这是个js编辑工具

    JavaScript编辑工具是程序员日常开发工作中不可或缺的利器,尤其对于JavaScript开发者而言,一款高效、智能的编辑工具能够极大地提升编程效率和代码质量。本篇将详细探讨JavaScript编辑工具的关键功能及其在编程过程...

    js调试工具,javascript调试工具

    1. Node.js内置的`node-inspector`或`vscode-node-debug2`扩展:这些工具允许你像调试浏览器中的JavaScript一样调试Node.js应用,可以设置断点、查看堆栈信息等。 四、源码映射(Source Maps) 在使用编译后的代码...

    java转js工具

    - 性能优化:好的转换工具会考虑JavaScript的执行效率,可能会对原始Java代码进行适当的优化。 4. **"java2javascript"工具** - 从提供的文件名来看,"java2javascript"可能是一个特定的Java到JavaScript转换工具...

    javascript格式化工具 整理js代码

    这就是JavaScript格式化工具的作用所在,它们能够帮助开发者整理JS代码,使其保持整洁、易读的格式,提高代码质量和团队合作效率。 1. **JavaScript格式化的重要性** - **可读性**:格式化的JavaScript代码更易于...

    好用的javascript调试工具

    Chrome的Performance面板可以帮助开发者分析页面加载和运行时性能,找出CPU或内存瓶颈,优化JavaScript的执行效率。 通过熟练掌握这些调试工具,开发者可以更有效地定位和修复JavaScript代码中的问题,提升开发效率...

    鬼鬼JS调试工具7.5

    鬼鬼JS调试工具,就如软件名说的那样,辅Zhu程序员的,提高效率的,有需要的欢迎来下载! V8调试注意:一般JS运行返回的结果长度不会超过1024,当遇到变态级的超过1024长度的返回结果时,增大数值,否则会崩溃。小...

    javascript 编辑调试工具

    5. **模块管理与构建工具**:Node.js环境下的npm(Node Package Manager)是JavaScript的包管理器,配合Webpack或Rollup等构建工具,可以管理和打包项目依赖,优化代码资源,使其更适合生产环境。 6. **版本控制**...

    js格式化工具_速度快,操作简易

    用户可以通过它们了解如何使用这些工具,包括输入JS代码、选择格式化选项(如缩进风格、最大行长度等)以及如何执行格式化、压缩和加密操作。 在实际开发中,掌握JS格式化工具的使用不仅可以提升个人编程效率,也有...

    一款不错的JS调试工具

    7. **性能分析**:记录和分析JavaScript的运行性能,找出性能瓶颈,提高代码执行效率。 8. **错误和警告**:实时捕获并显示运行时错误和警告,帮助定位和修复问题。 9. **源代码映射**:对于压缩或编译后的代码,...

    鬼鬼JS调试工具7.0

    是一个轻量快速、功能强大的JS调试工具,鬼鬼JS调试工具官方版可以将JavaScript的语言代码进行格式化处理,可以解密、可以解密、是目前市面上比较好用的JS调试工具了。这次hi谷歌V8引擎解析JS,从而轻松提高编程人员...

    JS代码压缩工具

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级脚本语言,它的代码通常在浏览器端执行,用于增强用户体验和实现动态交互。然而,未经优化的JS代码可能会导致页面加载速度变慢,影响用户访问效率。为了提升...

    chrome js 调试工具

    4. **性能面板**(Performance):记录页面加载和用户交互时的性能数据,帮助优化网页加载速度和JavaScript执行效率。 5. **网络面板**(Network):监控网络请求,包括HTTP/HTTPS请求、WebSocket通信等。你可以...

    JSA脚本压缩工具

    首先,"JSA"可能代表"JavaScript阿凡达",这是一个非官方的命名,但我们可以理解为它是针对JavaScript进行压缩处理的一个工具。其20071021版本的JSA-20071021.jar文件是一个Java Archive(JAR)文件,包含了该压缩...

    JS调式工具

    JS调式工具允许开发者在运行时检查、修改和控制JavaScript代码,这有助于快速定位和解决代码中的错误,提升开发效率。它们通常包括断点设置、步进执行、变量查看、调用堆栈分析等功能。 二、Firefox开发者工具 Fire...

    js开发必备工具

    3. **构建工具**: Gulp、Grunt和Webpack是常见的JavaScript构建工具,它们负责自动化任务,如编译Sass/LESS到CSS,合并和压缩JavaScript文件,处理图片,以及执行单元测试等。Webpack以其强大的模块打包能力而备受...

    IE下的JS调试工具

    Microsoft Script Debugger和Companion.js都是为了帮助开发者在IE环境中高效地调试JavaScript代码,提升开发质量和效率。在实际工作中,根据项目需求和团队习惯,选择合适的工具,并熟练运用其功能,是每个前端...

    最有用js调试工具.rar

    "最有用js调试工具.rar" 提供的资源显然旨在帮助开发者更高效地进行JavaScript的调试工作。以下是一些关于JavaScript调试工具的重要知识点,以及如何利用它们来提升开发效率。 1. **浏览器内置的开发者工具**:...

    jsdt JavaScript 调试工具

    总之,`jsdt`作为一款专业的JavaScript调试工具,提供了丰富的调试功能,包括源代码查看、断点管理、步进执行、异常处理、事件监听、性能分析等,极大地提升了JavaScript开发的效率和质量。对于任何致力于提升...

    js网页纠错工具安装包

    3. **调试工具**:现代浏览器内置了强大的开发者工具,如Chrome的DevTools和Firefox的Developer Edition,它们都包含了JS调试器,可以用来单步执行代码、设置断点、查看变量值和追踪调用栈,帮助定位错误。...

    IE下JS调试工具 (推荐)

    JavaScript是Web开发中不可或缺的一部分,而在IE浏览器环境下进行JavaScript的调试尤为重要,因为IE浏览器曾经占据主导地位,且...通过熟练掌握这些工具,开发者可以提高调试效率,确保代码在所有目标平台上正常运行。

Global site tag (gtag.js) - Google Analytics