首頁 > web前端 > js教程 > 主體

使用 Tinder Unblur 個人資料

DDD
發布: 2024-09-18 22:32:33
原創
479 人瀏覽過

Playing with Tinder Unblur profile

Tinder 取消模糊程式碼說明

以下 JavaScript 程式碼是一個腳本,旨在對「喜歡你」部分中的 Tinder 照片進行取消模糊處理。它的工作原理是從 Tinder 的 API 獲取預告圖像並動態更新 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. 取得預告片:

    • 函數首先向 Tinder API 端點 https://api.gotinder.com/v2/fast-match/teasers 發出網頁要求,以檢索喜歡您個人資料的使用者清單。
    • 它會傳送儲存在瀏覽器本機儲存中的 X-Auth-Token。需要此令牌來驗證請求並檢索預告片清單。
    • 平台標頭設定為“android”,這可能是存取 Tinder 的類似行動 API 所必需的。
  2. 選擇 DOM 元素:

    • 腳本使用 document.querySelectorAll 來尋找模糊預告影像所在的 DOM 元素。
    • 這些元素由 CSS 選擇器 .Expand.enterAnimationContainer > 標識。 div:nth-child(1),針對「喜歡你」部分中的模糊影像容器。
  3. 替換模糊影像:

    • 此函數循環遍歷預告片清單(從 API 傳回)及其對應的 DOM 元素。
    • 對於每個預告片,它都會使用使用者 ID 和照片 ID 建立清晰圖像的 URL。
    • 然後,腳本使用清晰圖像的 URL 更新每個預告元素的背景圖像,有效地消除照片模糊。
  4. 非同步/等待:

    • unblur() 函數是非同步的,允許它獲取預告圖像並等待回應,然後再用清晰圖像更新 DOM。

如何使用

  1. 在網頁瀏覽器上開啟 Tinder 並登入。
  2. 導航到喜歡你頁。
  3. 開啟瀏覽器的開發者工具(F12 或右鍵 → 檢查)。
  4. 前往控制台選項卡。
  5. 將腳本複製並貼上到控制台中。
  6. 輸入執行腳本,觀察模糊的影像變得清晰。

此腳本利用瀏覽器開發人員工具和 Tinder API 的強大功能,讓您無需付費訂閱即可查看喜歡您的人,從而增強用戶體驗。

? GitHub 儲存庫:Tinder Unblur - 顯示您的 Tinder 喜好

⚠️重要提示:

  • 僅用於教育目的:負責任地使用此腳本,尊重 Tinder 的服務條款和他人的隱私。
  • Tinder API 令牌:此腳本依賴您會話的 API 令牌,當您登入 Tinder 時,該令牌會自動儲存在瀏覽器的 localStorage 中。請確保您已登入才能存取它。

以上是使用 Tinder Unblur 個人資料的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!