Categoria
Articoli tecnici organizzati per gruppo funzionale.
Disegnare su un elemento <canvas> un'immagine proveniente da un dominio remoto privo di autorizzazioni CORS 'contamina' (taints) il contesto grafico, impedendo per motivi di privacy la lettura dei pixel con 'toDataURL()' o 'getImageData()'.
La stringa passata a querySelector/querySelectorAll non rispetta la grammatica dei selettori CSS validi (es. ID numerici senza escape '#123' o caratteri speciali non protetti).
La funzione di callback di un 'MutationObserver' apporta modifiche agli stessi attributi o figli del DOM che sta monitorando senza controlli condizionali, riattivando se stessa all'infinito.
Posizionare il tag '<script src="app.js">' nella sezione <head> senza l'attributo 'defer' fa sì che il codice venga eseguito prima che gli elementi HTML del body siano stati creati dal browser.
Il browser impedisce a uno script di accedere al 'window.document' o alle variabili interne di un <iframe> caricato da un dominio, protocollo o porta differente (violazione di sicurezza cross-origin; si comunica tramite 'window.postMessage').
Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.
Il metodo 'document.querySelector()' o 'getElementById()' non ha trovato alcun nodo corrispondente nel DOM (perché l'ID non esiste o lo script viene eseguito prima del caricamento del tag HTML) restituendo null.
L'algoritmo di clonazione strutturata utilizzato da 'postMessage' per inviare dati a Web Worker o iframe non supporta funzioni, nodi del DOM nativo, Symbol o puntatori a oggetti non serializzabili.