في منتدى Discourse الخاص بـ intfiction.org، نتحدث كثيرًا عن ألعاب المغامرات الغامضة، لذا فإن وسم [spoiler] يُعدّ مساعدة كبيرة. في هذا الموضوع، توجد عشرات أوسمة الإخفاء المنفصلة، واحدة لكل تلميح.
تعمل هذه الصفحة بشكل مقبول إلى حد ما في متصفح Google Chrome، لكنها تعمل بشكل سيء في Firefox، كما أنها لا تعمل بكفاءة على هواتف Android البطيئة. إنها بطيئة بشكل جنوني في Firefox على Android. (مرر للأسفل قليلاً لترى ما أعنيه.)
هذا على الأرجح خطأ من Firefox.
ومع ذلك، أعتقد أن إضافة الإخفاء يجب أن تجعل نص الإخفاء يستخدم color: black; background: black بدلاً من filter: blur(0.5em) على المتصفحات/المنصات التي تتعامل مع التمويه ببطء أو بشكل سيء (مثل Firefox و Android).
باستخدام CSS، يجب أن يحقق هذا ما وصفته بخلفية تتطابق مع النص. إضافة هذا إلى مكون السمة يجب أن يتجاوز تنسيق CSS للإضافة… رغم أنه لن يعمل مع الصور في الإخفاء.
سيؤدي هذا إلى إجراء التغيير في جميع المتصفحات، وستحتاج إلى اكتشاف عميل المستخدم في JavaScript إذا كنت تريد استهداف Firefox فقط.
.spoiler-blurred {
filter: none;
background: var(--primary);
color: var(--primary);
}
.discourse-no-touch .spoiler-blurred:hover {
filter: none;
/* يمكنك إضافة تأثير مختلف عند التمرير هنا */
}
.spoiled {
background: transparent;
}
من المؤسف سماع ذلك عن أداء Firefox السيئ. نحن لا ندعم Firefox رسميًا على Android، لكنه يبدو أنه يؤثر على Firefox في كل مكان. ربما يجب أن نعود إلى طريقتنا القديمة في استخدام text-shadow لإنشاء اللون الأزرق بدلاً من filter…
ماذا عن تحديث للتعديل لإضافة مربع اختيار للأسلوب لـ “طمس الإغلاط/إخفاء الإغلاط”؟ سيؤدي إخفاء الإغلاط إلى تغطية النص الإغلاطي بشريط أسود، مما قد يوفر على المتصفح عبء عرض النص مع التمويه.
هذا من شأنه على الأقل تمكين إنشاء سمة “محمولة” محددة يمكنها استيعاب جميع الإضافات الأسرع والمخصصة للأجهزة المحمولة.
لتوضيح الأمر، أعيد إنتاج خطأ التعتيم البطيء رقم 925025 على صفحة الاختبار تلك في Firefox 79.0 لنظام macOS Catalina 10.15.5 على جهاز MacBook Pro 16 بوصة من عام 2019.
يستغرق Firefox 96,141 مللي ثانية لتشغيل التعتيم، بينما يستغرق Chrome 9,998 مللي ثانية. ربما تم إصلاح هذه المشكلة في النسخة الليلية؟
تعديل: نعم، تم إصلاحها. في الإصدار 81.0a1 (2020-08-10) (64 بت)، تستغرق معيارية المرفق 10,006 مللي ثانية، وتُظهر صفحة Discourse المليئة بالإخفاءات (spoilers) عرضًا سلسًا جدًا.
إذًا، يبدو أننا لا ينبغي أن نفعل شيئًا في الوقت الحالي وننتظر فقط أن تقوم Mozilla بتطبيق إصلاحاتها.
هو مفعّل بالفعل حيث يوجد معظم المستخدمين (في نظام Windows) وسيتم تفعيله في أماكن أخرى قريبًا! وهو أيضًا أول شيء نقوم بتفعيله على جهاز كمبيوتر جديد لفريقنا .
.