「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Tinder Unblur プロフィールで遊ぶ

Tinder Unblur プロフィールで遊ぶ

2024 年 11 月 7 日に公開
ブラウズ:797

Playing with Tinder Unblur profile

Tinder Unblur コードの説明

次の 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) によって識別され、「Likes You」セクションのぼやけた画像コンテナーがターゲットになります。
  3. ぼやけた画像を置換:

    • この関数は、ティーザーのリスト (API から返される) とそれに対応する DOM 要素をループします。
    • 各ティーザーについて、ユーザーの ID と写真の ID を使用してクリア画像への URL を構築します。
    • その後、スクリプトは各ティーザー要素の背景画像をクリアな画像の URL で更新し、写真のぼかしを効果的に除去します。
  4. 非同期/待機:

    • unblur() 関数は非同期であるため、ティーザー画像をフェッチし、応答を待ってから DOM を鮮明な画像で更新できます。

使用方法

  1. Web ブラウザで Tinder を開いてログインします。
  2. いいね!ページに移動します。
  3. ブラウザの開発者ツールを開きます(F12または右クリック→検査)。
  4. コンソールタブに移動します。
  5. スクリプトをコピーしてコンソールに貼り付けます。
  6. Enter を押してスクリプトを実行し、ぼやけた画像がぼやけなくなるのを確認します。

このスクリプトは、ブラウザ開発者ツールと Tinder API の機能を利用して、有料サブスクリプションを必要とせずに、あなたを「いいね!」した人を確認できるようにすることで、ユーザー エクスペリエンスを向上させます。

? GitHub リポジトリ: Tinder Unblur - Tinder のいいねを明らかにする

⚠️重要な注意事項:

  • 教育目的のみ: このスクリプトは、Tinder の利用規約と他者のプライバシーを尊重し、責任を持って使用してください。
  • Tinder API トークン: このスクリプトは、Tinder にログインするとブラウザの localStorage に自動的に保存されるセッションの API トークンに依存します。アクセスするにはログインしていることを確認してください。
リリースステートメント この記事は次の場所に転載されています: https://dev.to/hm_harshit/playing-with-tinder-unblur-profile-3bng?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3