Have actually you ever discovered yourself wishing you might keep your client-side code readable and even more importantly debuggable even with you have minified and combined it, without impacting performance? Well you can now through the secret of supply maps.
The above mentioned demo enables you to right simply click any place in the textarea containing the generated supply. Choose „Get initial location“ will query the foundation map by moving within the generated line and line quantity, and get back the career when you look at the code that is original. Ensure that your console is available so you can view the production.
Before you see listed here real-world execution of supply Maps ensure you’ve enabled the source maps function in either Chrome Canary or WebKit nightly by clicking the settings cog within the dev tools panel and checking the „Enable source maps“ choice. See screenshot below.
Firefox 23+ has source maps enabled by default into the built in dev tools. See screenshot below.