diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2021-07-15 12:58:54 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-15 12:58:54 -0400 |
| commit | 9ace67d06f2369e3c770e3a11e06e1c8cc9f66fd (patch) | |
| tree | 6fd33b1d14bd8f53a73291e4afa6f9d6400f1964 /files/de/tools/debugger | |
| parent | fe0831846de29cce74db723e625c90b1ef966d9d (diff) | |
| download | translated-content-9ace67d06f2369e3c770e3a11e06e1c8cc9f66fd.tar.gz translated-content-9ace67d06f2369e3c770e3a11e06e1c8cc9f66fd.tar.bz2 translated-content-9ace67d06f2369e3c770e3a11e06e1c8cc9f66fd.zip | |
delete pages that were never translated from en-US (de, part 1) (#1548)
Diffstat (limited to 'files/de/tools/debugger')
| -rw-r--r-- | files/de/tools/debugger/how_to/use_a_source_map/index.html | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/files/de/tools/debugger/how_to/use_a_source_map/index.html b/files/de/tools/debugger/how_to/use_a_source_map/index.html deleted file mode 100644 index db733cd8f2..0000000000 --- a/files/de/tools/debugger/how_to/use_a_source_map/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Use a source map -slug: Tools/Debugger/How_to/Use_a_source_map -translation_of: Tools/Debugger/How_to/Use_a_source_map ---- -<div>{{ToolsSidebar}}</div> - -<p>The JavaScript sources executed by the browser are often transformed in some way from the original sources created by a developer. For example:</p> - -<ul> - <li>sources are often combined and <a href="https://en.wikipedia.org/wiki/Minification_(programming)">minified</a> to make delivering them from the server more efficient.</li> - <li>JavaScript running in a page is often machine-generated, as when compiled from a language like <a href="http://coffeescript.org/">CoffeeScript</a> or <a href="http://www.typescriptlang.org/">TypeScript</a>.</li> -</ul> - -<p>In these situations, it's much easier to debug the original source, rather than the source in the transformed state that the browser has downloaded. A <a href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">source map</a> is a file that maps from the transformed source to the original source, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.</p> - -<p>To enable the debugger to work with a source map, you must:</p> - -<ul> - <li>generate the source map</li> - <li>include a comment in the transformed file, that points to the source map. The comment's syntax is like this:</li> -</ul> - -<pre class="brush: js"><code>//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map</code></pre> - -<p>{{EmbedYouTube("Fqd15gHC4Pg")}}</p> - -<p>In the video above we load <a href="https://mdn.github.io/devtools-examples/sourcemaps-in-console/index.html">https://mdn.github.io/devtools-examples/sourcemaps-in-console/index.html</a>. This page loads a source called "main.js" that was originally written in CoffeeScript and compiled to JavaScript. The compiled source contains a comment like this, that points to a source map:</p> - -<pre class="brush: js"><code>//# sourceMappingURL=main.js.map</code></pre> - -<p>In the Debugger's <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_list_pane">source list pane</a>, the original CoffeeScript source now appears as "main.coffee", and we can debug it just like any other source.</p> |