Oramai le specifiche HTML/CSS/JavaScript e i browser moderni evolvono a una velocità incredibile. Ogni tanto capita che durante questa evoluzione ci siano dei breaking change che possono portare la nostra applicazione a non essere più funzionante (soprattutto quando questa è un po' datata).
Un caso in cui questo può accadere è quando apriamo una nuova finestra (o tab) sfruttanto l'attributo target del tag a e nella nuova finestra vogliamo avere un riferimento alla finestra chiamante. Il codice per ottenere questo riferimento è piuttosto semplice: window.opener. Inizialmente, questa istruzione restituiva sempre la finestra chiamante, ma successivamente il suo funzionamento è stato modificato restituendo null.
Per ripristinare il comportamento originale dobbiamo usare l'attributo rel impostandolo a opener.
<a href="url" rel="opener" target="_blank">Apri finestra</a>
Grazie a questa semplice modifica, il codice JavaScript torna a funzionare esattamente come in origine.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Hosting di componenti WebAssembly in un'applicazione Blazor static
Eseguire una query su SQL Azure tramite un workflow di GitHub
Routing statico e PreRendering in una Blazor Web App
Evitare la command injection in un workflow di GitHub
Potenziare Azure AI Search con la ricerca vettoriale
Catturare la telemetria degli eventi di output cache in ASP.NET Core
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Utilizzare i primary constructor in C#
Utilizzare la session affinity con Azure Container Apps
Trasformare qualsiasi backend in un servizio GraphQL con Azure API Management
Disabilitare automaticamente un workflow di GitHub
Miglioramenti agli screen reader e al contrasto in Angular