课程: Learning JavaScript Debugging
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Source maps to debug minified files
- [Instructor] In this video we're going to look at source maps, which are tool you can use to map the minified production ready versions of JavaScript files, to their corresponding, more readable development versions. This is a feature that is likely enabled out of the box in your debugger of choice, but just to make sure, we're going to look at the settings here in Chrome. So here in the contextual menu we're gonna open up the settings. If I scroll down a little bit, here under sources. Enable JavaScript source maps is checked. That is what I need. So depending on the browser that you're using, and the particular settings that you have in that browser, this example might need a little bit of tweaking before it's ready to use. What we're going to look at here is the source map that's associated with jQuery itself. It used to be that the online version of jQuery had a source map built into it. They're not doing that anymore. I guess people were getting a little bit confused by it. So,…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
Debugging without a debugger5 分钟 16 秒
-
(已锁定)
Leverage more of the Console API7 分钟 4 秒
-
Stop and look around: Simple breakpoints5 分钟 24 秒
-
(已锁定)
Explore other breakpoint options7 分钟 47 秒
-
(已锁定)
Challenge: Knowing when to stop2 分钟 28 秒
-
(已锁定)
Solution: Knowing when to stop3 分钟 56 秒
-
(已锁定)
Step into, over, and out of functions5 分钟 48 秒
-
(已锁定)
Find out where you are using the call stack4 分钟 34 秒
-
(已锁定)
Monitor variables with watches5 分钟 16 秒
-
(已锁定)
Source maps to debug minified files4 分钟 41 秒
-
(已锁定)
Challenge: Putting it all together4 分钟 10 秒
-
(已锁定)
Solution: Putting it all together8 分钟 52 秒
-
(已锁定)
-
-