Maison > interface Web > js tutoriel > le corps du texte

Jouer avec le profil Tinder Unblur

DDD
Libérer: 2024-09-18 22:32:33
original
476 Les gens l'ont consulté

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 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();
Copier après la connexion

Répartition du code

  1. Récupération des teasers :

    • La fonction commence par faire 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 localStorage 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 trouver 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, lui permettant 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. Allez dans 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!