شرح كود Tinder Unblur

كود JavaScript التالي عبارة عن برنامج نصي مصمم لإلغاء تعتيم صور Tinder من قسم "الإعجاب بك". وهو يعمل عن طريق جلب الصور التشويقية من واجهة برمجة التطبيقات الخاصة بـ 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. جلب الإعلانات التشويقية:

   • تبدأ الوظيفة عن طريق تقديم طلب شبكة إلى نقطة نهاية Tinder API https://api.gotinder.com/v2/fast-match/teasers لاسترداد قائمة المستخدمين الذين أبدوا إعجابهم بملفك الشخصي.
   • يتم إرساله عبر X-Auth-Token الذي يتم تخزينه في التخزين المحلي للمتصفح الخاص بك. هذا الرمز مطلوب لمصادقة الطلب واسترداد قائمة الإعلانات التشويقية.
   • تم تعيين رأس النظام الأساسي على "android"، وهو ما قد يكون ضروريًا للوصول إلى واجهة برمجة التطبيقات الشبيهة بالهواتف المحمولة في Tinder.

2. تحديد عناصر DOM:

   • يستخدم البرنامج النصي document.querySelectorAll للعثور على عناصر DOM حيث توجد الصور التشويقية غير الواضحة.
   • يتم تحديد هذه العناصر بواسطة محدد CSS .Expand.enterAnimationContainer > div:nth-child(1)، الذي يستهدف حاويات الصور غير الواضحة في قسم "يعجبني".

3. استبدال الصور غير الواضحة:

   • تتكرر الوظيفة من خلال قائمة الجمل التشويقية (التي تم إرجاعها من واجهة برمجة التطبيقات) وعناصر DOM المقابلة لها.
   • لكل جملة تشويقية، يقوم بإنشاء عنوان URL للصورة الواضحة باستخدام معرف المستخدم ومعرف الصورة.
   • يقوم البرنامج النصي بعد ذلك بتحديث صورة الخلفية لكل عنصر تشويقي باستخدام عنوان URL للصورة الواضحة، مما يؤدي إلى إزالة تشويش الصور بشكل فعال.

4. غير متزامن/انتظار:

   • وظيفة unblur() غير متزامنة، مما يسمح لها بجلب الصور التشويقية وانتظار الرد قبل تحديث DOM بصور واضحة.

كيفية استخدامه

1. افتح Tinder على متصفح الويب وقم بتسجيل الدخول.
2. انتقل إلى صفحة أعجبني.
3. افتح أدوات المطورين (F12 أو انقر بزر الماوس الأيمن → فحص).
4. انتقل إلى علامة التبويب وحدة التحكم.
5. نسخ ولصق البرنامج النصي في وحدة التحكم.
6. اضغط على أدخل لتنفيذ البرنامج النصي، وشاهد الصور المموهة تصبح غير واضحة.

يستفيد هذا البرنامج النصي من قوة أدوات مطور المتصفح وواجهة برمجة تطبيقات Tinder لتحسين تجربة المستخدم من خلال السماح لك برؤية الأشخاص الذين أعجبوا بك دون الحاجة إلى اشتراك مدفوع.

؟ GitHub Repo: Tinder Unblur - اكشف عن إعجاباتك بـ Tinder

⚠️ ملاحظات هامة:

• للأغراض التعليمية فقط: استخدم هذا البرنامج النصي بمسؤولية، مع احترام شروط خدمة Tinder وخصوصية الآخرين.
• رمز Tinder API المميز: يعتمد هذا البرنامج النصي على رمز API المميز لجلستك، والذي يتم تخزينه تلقائيًا في وحدة التخزين المحلية بالمتصفح الخاص بك عند تسجيل الدخول إلى Tinder. تأكد من تسجيل الدخول للوصول إليه.