Heim > Web-Frontend > js-Tutorial > Spielen mit Tinder Unblur-Profil

Spielen mit Tinder Unblur-Profil

DDD
Freigeben: 2024-09-18 22:32:33
Original
529 Leute haben es durchsucht

Playing with Tinder Unblur profile

Erklärung des Tinder Unblur-Codes

Der folgende JavaScript-Code ist ein Skript, das entwickelt wurde, um Tinder-Fotos aus dem Abschnitt „Likes You“ unscharf zu machen. Es funktioniert, indem es die Teaser-Bilder von der Tinder-API abruft und das DOM dynamisch aktualisiert, um die unscharfen Bilder durch klare zu ersetzen.

async function unblur() {
  // Fetch the teasers (users who liked your profile) from Tinder API
  const teasers = await fetch("https://api.gotinder.com/v2/fast-match/teasers", {
    headers: {
      // Uses the Tinder API token stored in the browser's localStorage
      "X-Auth-Token": localStorage.getItem("TinderWeb/APIToken"),
      platform: "android",
    },
  })
    // Parse the response as JSON and extract the results
    .then((res) => res.json())
    .then((res) => res.data.results);

  // Select all blurred teaser elements from the Tinder page's DOM
  const teaserEls = document.querySelectorAll(
    ".Expand.enterAnimationContainer > div:nth-child(1)"
  );

  // Loop through each teaser and replace the blurred image with the clear one
  teasers.forEach((teaser, index) => {
    const teaserEl = teaserEls[index];
    const teaserImage = `https://preview.gotinder.com/${teaser.user._id}/original_${teaser.user.photos[0].id}.jpeg`;

    // Set the background image to the clear image URL
    teaserEl.style.backgroundImage = `url(${teaserImage})`;
  });
}

// Call the unblur function
unblur();
Nach dem Login kopieren

Aufschlüsselung des Kodex

  1. Teaser abrufen:

    • Die Funktion beginnt mit einer Netzwerkanfrage an den Tinder-API-Endpunkt https://api.gotinder.com/v2/fast-match/teasers, um eine Liste der Benutzer abzurufen, denen Ihr Profil gefallen hat.
    • Es sendet das X-Auth-Token mit, das im localStorage Ihres Browsers gespeichert wird. Dieses Token ist erforderlich, um die Anfrage zu authentifizieren und die Liste der Teaser abzurufen.
    • Der Plattform-Header ist auf „android“ eingestellt, was möglicherweise erforderlich ist, um auf die mobilähnliche API von Tinder zuzugreifen.
  2. Auswahl der DOM-Elemente:

    • Das Skript verwendet document.querySelectorAll, um die DOM-Elemente zu finden, in denen sich die unscharfen Teaser-Bilder befinden.
    • Diese Elemente werden durch den CSS-Selektor .Expand.enterAnimationContainer > identifiziert. div:nth-child(1), das auf die unscharfen Bildcontainer im Abschnitt „Likes You“ abzielt.
  3. Unscharfe Bilder ersetzen:

    • Die Funktion durchläuft die Liste der Teaser (von der API zurückgegeben) und ihre entsprechenden DOM-Elemente.
    • Für jeden Teaser wird die URL zum Klarbild anhand der Benutzer-ID und der Foto-ID erstellt.
    • Das Skript aktualisiert dann das Hintergrundbild jedes Teaser-Elements mit der URL des Klarbilds, wodurch die Fotos effektiv unscharf werden.
  4. Asynchron/Warten:

    • Die Funktion unblur() ist asynchron und ermöglicht es ihr, die Teaser-Bilder abzurufen und auf die Antwort zu warten, bevor sie das DOM mit klaren Bildern aktualisiert.

So verwenden Sie es

  1. Öffnen Sie Tinder in einem Webbrowser und melden Sie sich an.
  2. Navigieren Sie zur Seite Gefällt mir.
  3. Öffnen Sie die Entwicklertools Ihres Browsers (F12 oder Rechtsklick → Prüfen).
  4. Gehen Sie zur Registerkarte Konsole.
  5. Kopieren Sie das Skript und fügen Sie es in die Konsole ein.
  6. Drücken Sie die Eingabetaste, um das Skript auszuführen, und beobachten Sie, wie die unscharfen Bilder wieder unscharf werden.

Dieses Skript nutzt die Leistungsfähigkeit der Browser-Entwicklertools und der Tinder-API, um das Benutzererlebnis zu verbessern, indem es Ihnen ermöglicht, diejenigen zu sehen, denen Sie gefallen haben, ohne dass ein kostenpflichtiges Abonnement erforderlich ist.

? GitHub Repo: Tinder Unblur – Enthülle deine Tinder-Likes

⚠️ Wichtige Hinweise:

  • Nur ​​für Bildungszwecke: Verwenden Sie dieses Skript verantwortungsbewusst und respektieren Sie die Nutzungsbedingungen von Tinder und die Privatsphäre anderer.
  • Tinder-API-Token: Dieses Skript basiert auf dem API-Token Ihrer Sitzung, der automatisch im localStorage Ihres Browsers gespeichert wird, wenn Sie sich bei Tinder anmelden. Stellen Sie sicher, dass Sie angemeldet sind, um darauf zugreifen zu können.

Das obige ist der detaillierte Inhalt vonSpielen mit Tinder Unblur-Profil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage