热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

WEB前端开发中的性能调试工具(简记)

这里简短记录一下WEB前端开发中的性能调试工具。当然,这些工具本身的功能一般都超出了性能调试的范围,有很多其它的好功能,记录下工具的名称随时可以方便搜索了。还有两款是易用性检测工具,严格的讲不属

这里简短记录一下WEB前端开发中的性能调试工具。

当然,这些工具本身的功能一般都超出了性能调试的范围,有很多其它的好功能,记录下工具的名称随时可以方便搜索了。还有两款是易用性检测工具,严格的讲不属于性能调试工具。

1. Firebug + YSlow + 其它Firefox扩展
    http://getfirebug.com/
    Firebug绝对是Firefox标配了,最新版本已经支持Firefox 4。并且Firebug现在已经有Chrome浏览器版本了,名字叫Chromebug。
    YSlow也是一款分析性能的利器,需要和Firebug配合。
    Firefox下还有相当多的扩展用于辅助Web开发,很容易在它的网站找到。
    Firefox的扩展太丰富了,这一点把所有其它浏览器远远甩在后面了。

2. 浏览器自带工具, IE Developer Toolbar(好用,IE8/9自带),  Opera Dragonfly(个人觉得不是很好用),Chrome和Safari自带的调试器我没太多印象。

3. Fiddler
   http://www.fiddler2.com/
   个头小巧,功能却强大的一塌糊涂,更难得的是它很容易扩展,提供了丰富而贴心的API,让你尽情DIY。没有做不到,只有想不到。

4. HTTP Analyzer (IE HTTP Analyzer)
   http://www.ieinspector.com/httpanalyzer/
   名字虽然带着IE两个字,但那只是历史问题,从V5就已经支持3种运行模式:独立、IE插件、Firefox扩展。
   同时,这家公司还有另外两款实用的WEB调试工具: IE WebDeveloper 、AxScripter。

5. HttpWatch
   http://www.httpwatch.com/
   也是强大的一塌糊涂,也有3种运行模式:独立、IE插件、Firefox扩展。

6. Web Developer
   https://addons.mozilla.org/en-us/firefox/addon/web-developer/
   http://chrispederick.com/work/web-developer/
   在addons.mozilla.org五星级评分的Firefox扩展。功能和Firebug有很多重合之处,但也有很多独有功能,可以互为补充。

7. Wave
   http://wave.webaim.org/
   这是一个在线检测WEB易用性的工具,使用很简单,输入要检测的网址或者上传文件就可以了。

8. Web Accessibility Toolbar
   又一款WEB易用性的检测工具
   http://web-accessibility-toolbar.blogspot.com/


推荐阅读
  • 本文介绍了使用 Python 编程语言高效抓取微博文本和动态网页图像数据的方法。通过详细的示例代码,展示了如何利用爬虫技术获取微博内容和动态图片,为数据采集和分析提供了实用的技术支持。对于对网络数据抓取感兴趣的读者,本文具有较高的参考价值。 ... [详细]
  • 本文介绍了 Go 语言中的高性能、可扩展、轻量级 Web 框架 Echo。Echo 框架简单易用,仅需几行代码即可启动一个高性能 HTTP 服务。 ... [详细]
  • 在PHP中实现腾讯云接口签名,以完成人脸核身功能的对接与签名配置时,需要注意将文档中的POST请求改为GET请求。具体步骤包括:使用你的`secretKey`生成签名字符串`$srcStr`,格式为`GET faceid.tencentcloudapi.com?`,确保参数正确拼接,避免因请求方法错误导致的签名问题。此外,还需关注API的其他参数要求,确保请求的完整性和安全性。 ... [详细]
  • HTML5 Web存储技术是许多开发者青睐本地应用程序的重要原因之一,因为它能够实现在客户端本地存储数据。HTML5通过引入Web Storage API,使得Web应用程序能够在浏览器中高效地存储数据,从而提升了应用的性能和用户体验。相较于传统的Cookie机制,Web Storage不仅提供了更大的存储容量,还简化了数据管理和访问的方式。本文将从基础概念、关键技术到实际应用,全面解析HTML5 Web存储技术,帮助读者深入了解其工作原理和应用场景。 ... [详细]
  • WCF类型共享的最佳实践
    在使用WCF服务时,经常会遇到同一个实体类型在不同服务中被生成为不同版本的问题。本文将介绍几种有效的类型共享方法,以解决这一常见问题。 ... [详细]
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • 本文详细解析了ASP.NET 2.0中的Callback机制,不仅介绍了基本的使用方法,还深入探讨了其背后的实现原理。通过对比Atlas框架,帮助读者更好地理解和应用这一机制。 ... [详细]
  • IOS Run loop详解
    为什么80%的码农都做不了架构师?转自http:blog.csdn.netztp800201articledetails9240913感谢作者分享Objecti ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 秒建一个后台管理系统?用这5个开源免费的Java项目就够了
    秒建一个后台管理系统?用这5个开源免费的Java项目就够了 ... [详细]
  • 七款高效编辑器与笔记工具推荐:KindEditor自动换行功能解析
    本文推荐了七款高效的编辑器与笔记工具,并详细解析了KindEditor的自动换行功能。其中,轻笔记QingBiJi是一款完全免费的记事本软件,用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外,该软件还支持多平台同步,确保用户在不同设备间无缝切换。 ... [详细]
  • 本文深入探讨了 hCalendar 微格式在事件与时间、地点相关活动标记中的应用。作为微格式系列文章的第四篇,前文已分别介绍了 rel 属性用于定义链接关系、XFN 微格式增强链接的人际关系描述以及 hCard 微格式对个人和组织信息的描述。本次将重点解析 hCalendar 如何通过结构化数据标记,提高事件信息的可读性和互操作性。 ... [详细]
  • 在前一篇文章中,我们介绍了如何使用Requests库发送GET请求。本文将深入探讨如何通过Requests库发送POST请求,包括参数格式、请求封装等关键技巧,并通过“历史上的今天”API实例进行详细说明。 ... [详细]
  • JUC(三):深入解析AQS
    本文详细介绍了Java并发工具包中的核心类AQS(AbstractQueuedSynchronizer),包括其基本概念、数据结构、源码分析及核心方法的实现。 ... [详细]
  • 用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
    HTTP协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的HTTP的网站是不 ... [详细]
author-avatar
mobiledu2502910137
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有