diff options
| author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
| commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
| tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/pt-pt/tools/debugger/how_to/use_a_source_map | |
| parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
| download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip | |
remove retired locales (#699)
Diffstat (limited to 'files/pt-pt/tools/debugger/how_to/use_a_source_map')
| -rw-r--r-- | files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html | 32 |
1 files changed, 0 insertions, 32 deletions
diff --git a/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html b/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html deleted file mode 100644 index 93144c1b5f..0000000000 --- a/files/pt-pt/tools/debugger/how_to/use_a_source_map/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Utilizar um "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>As fontes de JavaScript executadas pelo navegador são geralmente transformadas de alguma forma a partir das fontes originais criadas por um programador. Por exemplo:</p> - -<ul> - <li><em>sources</em> são geralmente combinadas e <a href="https://en.wikipedia.org/wiki/Minification_(programming)">reduzidas</a> para tornar mais eficiente a entrega das mesmas a partir do servidor.</li> - <li>O JavaScript em execução numa página é geralmente gerado por máquina, como quando compilado a partir de um idioma como <a href="http://coffeescript.org/">CoffeeScript</a> ou <a href="http://www.typescriptlang.org/">TypeScript</a>.</li> -</ul> - -<p>Nessas situações, é muito mais fácil debugar o fonte original do que o fonte no estado transformado que o navegador obteve. Um <a href="http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/">source map</a> é um arquivo que mapea da fonte transformada para a original, permitindo ao navegador reconstruir a fonte original e disponibilizá-la no debugger.</p> - -<p>Para que o navegador trabalhe com um source map, você deve:</p> - -<ul> - <li>gerar o source map</li> - <li>incluir um comentário no arquivo transformado que aponte para o source map. A sintaxe do comentário é assim:</li> -</ul> - -<pre class="brush: js notranslate"><code>//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map</code></pre> - -<p>{{EmbedYouTube("Fqd15gHC4Pg")}}</p> - -<p>No vídeo acima carregamos <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>. Essa página carrega um fonte chamado "main.js" que foi originalmente escrito em CoffeeScript e compilado para JavaScript. O fonte compilado contém um comentário assim, que aponta para o source map:</p> - -<pre class="brush: js notranslate"><code>//# sourceMappingURL=main.js.map</code></pre> - -<p>No <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_list_pane">source list pane</a> do Debugger, o fonte original CoffeeScript agora aparece como "main.coffee", e podemos acessá-lo para debugar como qualquer outra fonte.</p> |