前端 中开发 javascript 调试
by 卿刘
javascript 中的 工具调试
• firebug
• chrome DevTools
• ie 开发者工具
• fiddler
• httpwatch
• ......
使用 DevTools 行进 js 调试
A.断点
B.sources 下的控制台
C.Timeline 标签页
D.Profiles 标签页
E.Audits 标签页
F.Console 标签页
断点
1. 找到要查看的行
2. 点击行号(变为蓝色)
sources 下的控制台
Timeline 标签页
Profiles 标签页
Audits 标签页
Console 标签页
谢谢观赏
@ 漏斯特掰
Upcoming SlideShare
Loading in …5
×

前端开发中Javascript调试

624 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
624
On SlideShare
0
From Embeds
0
Number of Embeds
177
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

前端开发中Javascript调试

  1. 1. 前端 中开发 javascript 调试 by 卿刘
  2. 2. javascript 中的 工具调试 • firebug • chrome DevTools • ie 开发者工具 • fiddler • httpwatch • ......
  3. 3. 使用 DevTools 行进 js 调试 A.断点 B.sources 下的控制台 C.Timeline 标签页 D.Profiles 标签页 E.Audits 标签页 F.Console 标签页
  4. 4. 断点 1. 找到要查看的行 2. 点击行号(变为蓝色)
  5. 5. sources 下的控制台
  6. 6. Timeline 标签页
  7. 7. Profiles 标签页
  8. 8. Audits 标签页
  9. 9. Console 标签页
  10. 10. 谢谢观赏 @ 漏斯特掰

×