"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Jouer avec le profil Tinder Unblur

Jouer avec le profil Tinder Unblur

Publié le 2024-11-07
Parcourir:351

Playing with Tinder Unblur profile

Explication du code de suppression du flou Tinder

Le code JavaScript suivant est un script conçu pour supprimer le flou des photos Tinder de la section « Vous aime ». Il fonctionne en récupérant les images teaser à partir de l'API de Tinder et en mettant à jour dynamiquement le DOM pour remplacer les images floues par des images claires.

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();

Répartition du code

  1. Récupération des teasers :

    • La fonction commence par envoyer une requête réseau au point de terminaison de l'API Tinder https://api.gotinder.com/v2/fast-match/teasers pour récupérer une liste des utilisateurs qui ont aimé votre profil.
    • Il envoie le X-Auth-Token qui est stocké dans le stockage local de votre navigateur. Ce token est nécessaire pour authentifier la demande et récupérer la liste des teasers.
    • L'en-tête de la plateforme est défini sur "Android", ce qui peut être nécessaire pour accéder à l'API de type mobile de Tinder.
  2. Sélection des éléments DOM :

    • Le script utilise document.querySelectorAll pour rechercher les éléments DOM où se trouvent les images teaser floues.
    • Ces éléments sont identifiés par le sélecteur CSS .Expand.enterAnimationContainer > div:nth-child(1), qui cible les conteneurs d'images floues dans la section "Likes You".
  3. Remplacement des images floues :

    • La fonction parcourt la liste des teasers (renvoyés par l'API) et leurs éléments DOM correspondants.
    • Pour chaque teaser, il construit l'URL de l'image claire en utilisant l'identifiant de l'utilisateur et l'identifiant de la photo.
    • Le script met ensuite à jour l'image d'arrière-plan de chaque élément teaser avec l'URL de l'image claire, éliminant ainsi le flou des photos.
  4. Async/Attendre :

    • La fonction unblur() est asynchrone, ce qui lui permet de récupérer les images teaser et d'attendre la réponse avant de mettre à jour le DOM avec des images claires.

Comment l'utiliser

  1. Ouvrez Tinder sur un navigateur Web et connectez-vous.
  2. Accédez à la page Vous aime.
  3. Ouvrez les Outils de développement de votre navigateur (F12 ou clic droit → Inspecter).
  4. Accédez à l'onglet Console.
  5. Copiez et collez le script dans la console.
  6. Appuyez sur Entrée pour exécuter le script et regardez les images floues devenir plus floues.

Ce script exploite la puissance des outils de développement du navigateur et de l'API Tinder pour améliorer l'expérience utilisateur en vous permettant de voir ceux qui vous ont aimé sans avoir besoin d'un abonnement payant.

 ? GitHub Repo : Tinder Unblur – Révélez vos goûts Tinder

⚠️ Remarques importantes :

  • À des fins éducatives uniquement : utilisez ce script de manière responsable, en respectant les conditions d'utilisation de Tinder et la vie privée des autres.
  • Jeton API Tinder : ce script s'appuie sur le jeton API de votre session, qui est automatiquement stocké dans le stockage local de votre navigateur lorsque vous vous connectez à Tinder. Assurez-vous d'être connecté pour y accéder.
Déclaration de sortie Cet article est reproduit sur : https://dev.to/hm_harshit/playing-with-tinder-unblur-profile-3bng?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3