前端常用的bug排查工具
1.DebugMe
DebugMe可以可视化地跟踪Bug，并可以将代码嵌入到网站的元标记中，来解决跟踪的问题。客户端还可以在网站内保存通过任何类型的Web浏览器访问该网站的评价。DebugMe工具充当Web开发人员、客户端和团队的会场，并且实现一个完整的项目管理解决方案。它有一个创意工具栏，内置了绘制、大头针、高亮、涂黑和记笔记功能。
2.zipBoard
zipBoard是一个简单的Bug跟踪工具，它可以轻松地在不同类型的网页设计中识别出每个Bug。它也可以在不需要电子邮件协作的情况下处理大型、复杂的网站开发项目。zipBoard始终活跃在云端，它使开发人员可以在中心任务管理器面板中添加评论和建议。
3.TrackDuck
TrackDuck是一个用户友好的Bug跟踪工具，它允许客户在网站上留下他们的反馈信息。它具有自动捕获动态屏幕分辨率和跨任何类型浏览器并同时执行可视化Bug跟踪的能力。TrackDuck使你能够根据具体为管理员、贡献者和报告者授予的权限级别进行Bug测试。它还为调试网站的开发人员提供了单独的链接和文档。
4.Usersnap
Usersnap是一个从大程度上集成了诸如JIRA、Trello、Slack、Intercom和Zendesk等项目管理工具的Bug跟踪工具。它为Web开发人员提供了一个挂载在云端的小部件，通过该部件可以在页面上方留下注释。Usersnap允许Java脚本响应，这使得它成为了一个可以从客户端接收Bug报告的强大的工具。
5.BugHerd
BugHerd工具栏从直观上看起来像是设计成了一个看板，可以在上面登记各种问题，可以指定优先级，附上屏幕截图。Web开发人员可以通过在BugHerd工具栏中输入网站URL来直接识别Bug。它非常容易使用，还提供了所有用于解决“临床”Bug的技术文档
https://www.zhihu.com/question/19600198/answer/759062906
https://www.ctocio.com/ccnews/29740.html
http://www.fly63.com/article/detial/4226
Chrome DevTools 之 Timeline，快捷性能优化工具
https://www.jianshu.com/p/b8cdcd9bfad8
Chrome DevTools 之 Audits，对页面性能进行检测，根据测试
结果进行优化
第三方工具Yslow
