ホームページ > ウェブフロントエンド > jsチュートリアル > Tinder Unblur プロフィールで遊ぶ

Tinder Unblur プロフィールで遊ぶ

DDD
リリース: 2024-09-18 22:32:33
オリジナル
504 人が閲覧しました

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)、「いいね!」セクションのぼやけた画像コンテナをターゲットとします。
  3. ぼやけた画像の置換:

    • この関数は、ティーザーのリスト (API から返される) とそれに対応する DOM 要素をループします。
    • 各ティーザーについて、ユーザーの ID と写真の ID を使用してクリア画像への URL を構築します。
    • スクリプトは各ティーザー要素のbackgroundImageをクリアな画像の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 トークンに依存します。アクセスするにはログインしていることを確認してください。

以上がTinder Unblur プロフィールで遊ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート