You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/5-loading/03-onload-onerror/article.md
+10-10Lines changed: 10 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -79,7 +79,7 @@ Los errores que pueden ocurrir durante el procesamiento y ejecución están fuer
79
79
80
80
## Otros recursos
81
81
82
-
Los eventos `load` y `error` también funcionan para otros recursos, basicamente para cualquier que tiene una externa `src`
82
+
Los eventos `load` y `error` también funcionan para otros recursos, básicamente para cualquiera que tenga una `src` externa.
83
83
84
84
Por ejemplo:
85
85
@@ -98,20 +98,20 @@ img.onerror = function () {
98
98
99
99
Sin embargo, hay algunas notas:
100
100
101
-
- La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `<img>` es una excepción, comienza la carga cuando tiene una fuente `(*)`.
101
+
- La mayoría de recursos empiezan a cargarse cuando son agregados al documento. Pero `<img>` es una excepción, comienza la carga cuando obtiene una fuente ".src"`(*)`.
102
102
- Para `<iframe>`, el evento `iframe.onload` se dispara cuando el iframe ha terminado de cargar, tanto para una carga exitosa como en caso de un error.
103
103
104
-
Por históricas razones.
104
+
Esto es por razones históricas.
105
105
106
106
## Política de origen cruzado
107
107
108
-
Hay algunas reglas: los scripts un sitio cuyo contenido no puede ser accedido de otro sitio. Por ejemplo: un script de `https://facebook.com` no puede leer la bandeja de correros del usuario en `https://gmail.com`.
108
+
Hay una regla: los scripts de un sitio no pueden acceder al contenido de otro sitio. Por ejemplo: un script de `https://facebook.com` no puede leer la bandeja de correos del usuario en `https://gmail.com`.
109
109
110
-
O para ser mas precisos, un origen (dominio/puerto/protocolo trillizo) no puede acceder al contenido de otro. Entonces, incluso si tenemos un sub-dominio o solo otro puerto son diferentes origenes sin acceso al otro.
110
+
O para ser más precisos, un origen (el trío dominio/puerto/protocolo) no puede acceder al contenido de otro. Entonces, incluso si tenemos un sub-dominio o solo un puerto distinto, son considerados origenes diferentes sin acceso al otro.
111
111
112
112
Esta regla también afecta a recursos de otros dominios.
113
113
114
-
Si usamos un script de otro dominio y tiene un error,, no podemos obtener detalles del error.
114
+
Si usamos un script de otro dominio y tiene un error, no podemos obtener detalles del error.
115
115
116
116
Por ejemplo, tomemos un script `error.js` que consta de un única llamada a una función (con errores).
117
117
```js
@@ -155,13 +155,13 @@ Script error.
155
155
, 0:0
156
156
```
157
157
158
-
Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: cualquier información sobre las partes internas de un script, incluyendo el rastreo de la pila de errores, oculta. Exactamente porque es de otro dominio.
158
+
Los detalles pueden variar dependiendo del navegador, pero la idea es la misma: cualquier información sobre las partes internas de un script, incluyendo el rastreo de la pila de errores, se oculta. Exactamente porque es de otro dominio.
159
159
160
160
¿Por qué necesitamos detalles de error?
161
161
162
-
Hay muchos servicios (y podemos contruir uno nuestro) que escuchan lo errores globales usando `window.onerror`, guardan los errores y proveen una interfaz para acceder a ellos y analizarlos. Eso es grandioso ya que podemos ver los errores originales ocasionados por nuestros usuarios. Pero si el script viene desde otro origen no hay mucha información sobre los errores como acabamos de ver.
162
+
Hay muchos servicios (y podemos construir uno nuestro) que escuchan los errores globales usando `window.onerror`, guardan los errores y proveen una interfaz para acceder a ellos y analizarlos. Eso es grandioso ya que podemos ver los errores originales ocasionados por nuestros usuarios. Pero si el script viene desde otro origen no hay mucha información sobre los errores como acabamos de ver.
163
163
164
-
También se aplica políticas similares de origen cruzado (CORS) a otros tipos de recursos.
164
+
También se aplican políticas similares de origen cruzado (CORS) a otros tipos de recursos.
165
165
166
166
**Para permitir el accesso de origen cruzado, la etiqueta `<script>` necesita tener el atributo `crossorigin`, además el servidor remoto debe proporcionar cabeceras especiales.**
167
167
@@ -172,7 +172,7 @@ Hay 3 niveles de acceso de origen cruzado:
172
172
3.**`crossorigin="use-credentials"`** -- acceso permitido si el servidor envia de vuelta la cabecera `Access-Control-Allow-Origin` con nuestro origen y `Access-Control-Allow-Credentials: true`. El navegador envía la información de la autorización y las cookies al servidor remoto.
173
173
174
174
```smart
175
-
Tu puedes leer más sobre accesos de origen cruzado (`cross-origin`)
175
+
Puedes leer más sobre accesos de origen cruzado en el capítulo <info:fetch-crossorigin>. Este describe el método `fetch` para requerimientos de red, pero la política es exactamente la misma.
176
176
177
177
Cosas como las "cookies" estan fuera de nuestro alcance, pero podemos leer sobre ellas en <info:cookie>.
0 commit comments