Come rilevare le richieste non riuscite tramite estensioni Internet

Una delle cose migliori che siano mai accadute all’esperienza utente del net sono state le estensioni del net. I browser sono potenti ma le estensioni portano un nuovo livello di funzionalità. Che si tratti di portafogli di criptovalute, giocatori di media o altri plugin popolari, le estensioni Internet sono diventate essenziali per le attività quotidiane.

Lavorando su Metamask, sono spinto in un mondo per fare tutto il lavoro incentrato su Ethereum. Una di queste funzionalità è garantire questo .eth I domini decidono di non essere enter per la barra degli indirizzi. Richieste a https://vitalik.ethNaturalmente fallisce, da allora .eth Non è un dominio di livello superiore supportato nativamente, quindi dobbiamo intercettare questa richiesta erranta.

// Add an onErrorOccurred occasion through the browser.webRequest extension API
browser.webRequest.onErrorOccurred.addListener((particulars) => {
  const { tabId, url } = particulars;
  const { hostname } = new URL(url);

  if(hostname.endsWith('.eth')) {
    // Redirect to wherever I need the consumer to go
    browser.tabs.replace(tabId, { url: `https://app.ens.domains/${hostname}}` });
  }
},
{
  urls:(`*://*.eth/*`),
  varieties: ('main_frame'),
});

Le estensioni Internet forniscono un browser.webRequest.onErrorOccurred Metodo che gli sviluppatori possono collegarsi per ascoltare richieste errate. Questa API fa non presa 4** E 5** errori di risposta. Nel caso sopra, cerchiamo .eth nomi ospitanti e reindirizzarsi a OSS.

Potresti impiegare onErrorOccurred Per qualsiasi numero di motivi, ma rilevare nomi ospitanti personalizzati è fantastico!