Объяснение кода Tinder Unblur

Следующий код JavaScript представляет собой скрипт, предназначенный для устранения размытия фотографий Tinder из раздела «Ты нравишься». Он работает путем получения изображений-тизеров из API Tinder и динамического обновления DOM, чтобы заменить размытые изображения четкими.

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

Разбивка Кодекса

1. Получение тизеров:

   • Функция начинается с сетевого запроса к конечной точке API Tinder https://api.gotinder.com/v2/fast-match/teasers, чтобы получить список пользователей, которым понравился ваш профиль.
   • Он отправляет X-Auth-Token, который хранится в localStorage вашего браузера. Этот токен необходим для аутентификации запроса и получения списка тизеров.
   • В заголовке платформы установлено значение «android», что может потребоваться для доступа к мобильному API Tinder.

2. Выбор элементов DOM:

   • Скрипт использует document.querySelectorAll для поиска элементов DOM, в которых расположены размытые тизерные изображения.
   • Эти элементы идентифицируются селектором CSS .Expand.enterAnimationContainer > div:nth-child(1), который нацелен на контейнеры размытых изображений в разделе «Вы нравитесь».

3. Замена размытых изображений:

   • Функция циклически перебирает список тизеров (возвращенных из API) и соответствующие им элементы DOM.
   • Для каждого тизера он создает URL-адрес чистого изображения, используя идентификатор пользователя и идентификатор фотографии.
   • Затем скрипт обновляет фоновое изображение каждого элемента тизера URL-адресом четкого изображения, эффективно устраняя размытие фотографий.

4. Асинхронное/ожидание:

   • Функция unblur() является асинхронной, что позволяет ей получать изображения-тизеры и ждать ответа, прежде чем обновлять DOM четкими изображениями.

Как это использовать

1. Откройте Tinder в веб-браузере и войдите в систему.
2. Перейдите на страницу Вы понравились.
3. Откройте Инструменты разработчика в браузере (F12 или щелкните правой кнопкой мыши → Проверить).
4. Перейдите на вкладку Консоль.
5. Скопируйте и вставьте скрипт в консоль.
6. Нажмите Enter, чтобы выполнить скрипт, и наблюдайте, как размытые изображения становятся размытыми.

Этот скрипт использует возможности инструментов разработчика браузера и API Tinder для улучшения пользовательского опыта, позволяя вам видеть тех, кому вы понравились, без необходимости платной подписки.

? Репозиторий на GitHub: Tinder Unblur — покажите свои лайки в Tinder

⚠️ Важные примечания:

• Только в образовательных целях: используйте этот скрипт ответственно, соблюдая условия обслуживания Tinder и конфиденциальность других.
• Токен API Tinder: этот скрипт использует токен API вашего сеанса, который автоматически сохраняется в локальном хранилище вашего браузера при входе в Tinder. Чтобы получить к нему доступ, убедитесь, что вы вошли в систему.