ホームページ >ウェブフロントエンド >jsチュートリアル >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();
ティーザーの取得:
DOM 要素の選択:
ぼやけた画像の置換:
非同期/待機:
このスクリプトは、ブラウザ開発者ツールと Tinder API の機能を利用して、有料サブスクリプションを必要とせずに、あなたに「いいね!」をした人を表示できるようにすることで、ユーザー エクスペリエンスを向上させます。
? GitHub リポジトリ: Tinder Unblur - Tinder のいいねを明らかにする
以上がTinder Unblur プロフィールで遊ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。