1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
---
title: Ver código fuente
slug: Tools/View_source
translation_of: Tools/View_source
---
<p><span id="result_box" lang="es"><span class="hps">Ver código fuente</span> <span class="hps">permite ver</span> <span class="hps">el código fuente HTML</span> <span class="hps">o XML</span> de<span class="hps"> la</span> <span class="hps">página que estás visitando</span><span>.</span> <span class="hps">Para activar</span> <span class="hps">Ver código fuente:</span></span></p>
<ul>
<li>botón derecho del ratón en la página y seleccionar "Ver código fuente de la página"</li>
<li>pulsar Ctrl+U, o Cmd+U en OS X</li>
</ul>
<p>Antes de Firefox 42, se abría una ventana nueva con el código fuente de la página.</p>
<p>Desde Firefox 42 en adelante, el código fuente se muestra en una pestaña nueva. Si quieres mantener el antiguo comportamiento, dirígete al <code>about:config</code> y cambia la preferencia <code>view_source.tab</code> a <code>false</code>.</p>
<p>A partir de Firefox 60 en adelante, la preferencia <code>view_source.tab</code> se ha eliminado ({{bug(1418403)}}) y ya no es posible cambiar el modo de comportamiento de Ver código fuente — el código fuentes siempre aparecerá en pestañas nuevas a partir de ahora.</p>
<h2 id="Características_de_ver_código_fuente">Características de ver código fuente</h2>
<p>Ver código fuente tiene tres características adicionales, a partir de Firefox 40 se pueden acceder a ellas desde el menú contextual en la pestaña de Ver código fuente:</p>
<ul>
<li>Ir a la línea</li>
<li>Ajustar líneas largas (alternar)</li>
<li>Resaltar sintaxis (alternar)</li>
</ul>
<p>Cuando el resaltado de sintaxis se encuentra activo, también se destacan los errores de interpretado en rojo. Al pasar el ratón sobre los errores se muestra un texto de ayuda que explica el error.</p>
<p>Para acceder a Ir a línea usando el teclado, pulsa <kbd>Control</kbd> + <kbd>Option</kbd> + <kbd>L</kbd> en Mac, o <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd> en Windows o Linux.</p>
<h2 id="Enlazar_a_un_número_de_línea">Enlazar a un número de línea</h2>
<p>Es posible enlazar a un número de línea en particular, añadiendo a la url el ancla #lineNNN el navegador saltará a la línea NNN.</p>
<p>Por ejemplo <a>view-source:https://www.mozilla.org/#line100</a></p>
<p> </p>
<h2 id="Ver_código_fuente_seleccionado">Ver código fuente seleccionado</h2>
<p>Si seleccionas parte de una página web y haces clic con el botón contextual, verás que aparece un item de menú etiquetado como "Ver código fuente seleccionado", que se comporta como "Ver código fuente", excepto que sólo se muestra el código fuente de la selección.</p>
<h2 id="Ver_código_fuente_MathML">Ver código fuente MathML</h2>
<p>Si haces clic con el botón contextual del ratón sobre algún <a href="/es/docs/Web/MathML">MathML</a>, <span id="result_box" lang="es"><span class="hps">verás un</span> item<span class="hps"> del menú contextual</span> <span class="atn hps">con la etiqueta "</span><span>Ver</span> <span class="hps">código fuente</span><span>"</span><span>:</span> haz<span class="hps"> clic en él</span> <span class="hps">para ver</span> <span class="hps">el código fuente</span> <span class="hps">MathML</span><span>.</span></span></p>
<h2 id="Limitaciones_de_Ver_código_fuente">Limitaciones de Ver código fuente</h2>
<p>Existen limitaciones en lo que hace Ver el código fuente algo que deberías tener en cuenta.</p>
<h3 id="Informador_de_error_≠_validador">Informador de error ≠ validador</h3>
<p>Ver código fuente sólo reporta errores de procesado, <strong>no</strong> valida errores en el código HTML. Por ejemplo, insertando un elemento {{ HTMLElement("div") }} como hijo de {{ HTMLElement("ul") }} no aparece como error de procesado, pero <strong>no es</strong> un HTML válido. <span id="result_box" lang="es"><span class="hps">Por lo tanto</span><span>,</span> <span class="hps">no</span> <span class="hps">se marcará</span> <span class="hps">este error en</span> <span class="hps">Ver código fuente.</span> <span class="hps">Si</span> <span class="hps">desea comprobar</span> <span class="hps">que el HTML</span> <span class="hps">es válido</span><span>, debe utilizar</span> <span class="hps">un validador</span> <span class="hps">HTML, como</span> <span class="hps">el <a href="http://validator.w3.org" lang="en">ofrecido por el W3C</a></span><span>.</span></span></p>
<h3 id="No_se_reportan_todos_los_errores_de_procesado">No se reportan todos los errores de procesado</h3>
<p><span id="result_box" lang="es"><span class="hps">A pesar de</span> <span class="hps">que todos los errores</span> <span class="hps">reportados son</span> <span class="hps">errores de análisis</span> <span class="hps">de acuerdo con la</span> <span class="hps">especificación de HTML</span><span>,</span> <span class="hps">no todos</span> <span class="hps">los errores</span> de procesado <span class="hps">son reportados por</span> <span class="hps">Ver código fuente.</span> <span class="hps">Entre los</span> <span class="hps">errores que</span> <span class="hps">no se </span><span class="hps">informan:</span></span></p>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Bytes</span> <span class="hps">que no son conformes</span> <span class="hps">según la</span> <span class="hps">codificación</span> <span class="hps">del</span> <span class="hps">documento no</span> <span class="hps">se marcan como</span> <span class="hps">errores</span><span>.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Caracteres</span> <span class="hps">prohibidos</span> <span class="hps">no</span> <span class="hps">son reportados como</span> <span class="hps">errores</span><span>.</span></span></li>
<li>Errores relacionados con el final de fichero no se reportan.</li>
<li><span id="result_box" lang="es"><span class="hps">No</span> <span class="hps">se informa de errores</span> cuando se construye el árbol <span class="hps">relacionados con</span> <span class="hps">texto</span> <span class="hps">(en contraposición</span> <span class="hps">a las etiquetas</span><span>, comentarios o</span> <span class="hps">doctypes</span><span>)</span><span>.</span></span></li>
<li>Errores de procesado relacionados con los atributos <code>xmlns</code> tampoco son reportados.</li>
</ul>
<h2 id="Resaltado_de_sintaxis_XML">Resaltado de sintaxis XML</h2>
<p><span id="result_box" lang="es"><span class="hps">Ver código</span> fuente <span class="hps">utiliza el</span> <span class="hps">tokenizer</span> <span class="hps">de HTML</span> <span class="hps">para resaltar la</span> <span class="hps">fuente</span> <span class="hps">XML</span><span>.</span> <span class="hps">Mientras que el</span> <span class="hps">tokenizer</span> implementa<span class="hps"> el procesamiento de</span> <span class="hps">instrucciones cuando</span> se resalta una <span class="hps">fuente</span> <span class="hps">XML</span><span>,</span> <span class="hps">esta</span> <span class="hps">es la única</span> <span class="hps">capacidad de</span> <span class="hps">XML</span> <span class="hps">prevista</span><span>.</span> <span class="hps">Debido a esto,</span> <span class="hps">doctypes</span> <span class="hps">que tienen un</span> <span class="hps">subconjunto interno</span> <span class="hps">no se resaltan</span> <span class="hps">correctamente,</span> <span class="hps">y</span> <span class="hps">referencias de entidad</span> <span class="hps">a</span> <span class="hps">entidades personalizadas</span> tampoco <span class="hps">no se resaltan</span> <span class="hps">correctamente.</span></span></p>
<p>Este resaltado defectuoso se puede observar si se ve el código fuente de los archivos chrome de Firefox (como los documentos XUL). </p>
<p><span id="result_box" lang="es"><span class="hps">Sin embargo</span><span>, esto no debería</span> <span class="hps">ser un</span> <span class="hps">problema en la práctica</span> <span class="hps">cuando se ven</span> <span class="hps">los archivos XML</span> <span class="hps">típicos.</span></span></p>
<h2 id="Ver_también">Ver también</h2>
<ul>
<li><a class="external" href="http://hsivonen.iki.fi/view-source/" lang="en">HTML5 Parser-Based View Source Syntax Highlighting</a> (Artículo de blog)</li>
</ul>
<p>{{ languages( { "ja": "ja/View_source"} ) }}</p>
|
