Coding and Programming

So erkennen Sie fehlgeschlagene Anfragen über Weberweiterungen

Written by smirow

Eines der besten Dinge, die der Web-Benutzererfahrung passieren konnten, waren Web-Erweiterungen. Browser sind leistungsstark, aber Erweiterungen bringen eine neue Ebene der Funktionalität. Ob Krypto-Wallets, Mediaplayer oder andere beliebte Plugins, Web-Erweiterungen sind für alltägliche Aufgaben unverzichtbar geworden.

Bei der Arbeit an MetaMask tauche ich in eine Welt ein, in der alles funktioniert, was sich auf Ethereum konzentriert. Eine dieser Funktionen besteht darin, dies sicherzustellen .eth Domänen werden bei der Eingabe in die Adressleiste in ENS aufgelöst. Anfragen an https://vitalik.ethscheitert natürlich, da .eth ist keine nativ unterstützte Top-Level-Domain, daher müssen wir diese fehlerhafte Anfrage abfangen.

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

  if(hostname.endsWith('.eth')) {
    // Redirect to wherever I want the user to go
    browser.tabs.update(tabId, { url: `https://app.ens.domains/${hostname}}` });
  }
},
{
  urls:[`*://*.eth/*`],
  types: ['main_frame'],
});

Weberweiterungen bieten eine browser.webRequest.onErrorOccurred Methode, mit der Entwickler eine Verbindung herstellen können, um auf verirrte Anfragen zu warten. Diese API tut es nicht fangen 4** Und 5** Antwortfehler. Im obigen Fall suchen wir .eth Hostnamen und Weiterleitung zu ENS.

Du könntest benutzen onErrorOccurred Aus mehreren Gründen ist die benutzerdefinierte Hostnamenerkennung eine großartige Lösung!

Fordern Sie echte Benutzerüberwachungsmetriken an
Fordern Sie echte Benutzerüberwachungsmetriken an
Fordern Sie echte Benutzerüberwachungsmetriken an
Fordern Sie echte Benutzerüberwachungsmetriken an
  • CSS @support

    CSS @support

    Die Feature-Erkennung über JavaScript ist aus den richtigen Gründen eine gute clientseitige Praxis, aber leider ist dieselbe Funktionalität in CSS nicht verfügbar. Am Ende wiederholen wir dieselben Eigenschaften mehrmals mit jedem Browser-Präfix. Igitt. Eine andere Sache, die wir…

  • 9 weitere atemberaubende WebGL-Demos
  • Übersicht über jQuery-Kommentare

    Übersicht über jQuery-Kommentare

    Ich habe gestern ein MooTools-Kommentarvorschauskript veröffentlicht und viele Anfragen nach einer jQuery-Version erhalten. Fragen Sie und Sie erhalten! Ich werde genau das gleiche CSS und HTML wie gestern verwenden. XHTML CSS jQuery JavaScript Bei Tastendruck- und Unschärfeereignissen validieren und…

  • Verwenden Sie MooTools ScrollSpy, um weitere Elemente über JSON/AJAX zu laden

About the author

smirow

Leave a Comment