ملخص سريع:
- مشاكل في دمج روابط جافاسكريبت و CSS لتمكين نوافذ الأدوات المنبثقة Robustify للروابط التشعبية على منتدى Discourse الخاص بنا.
- بعض التشابهات مع هذه الحالة السابقة على الرغم من أننا نتوقف عن الاستعلام عن واجهة برمجة تطبيقات Robustify؛ قد يكون من المنطقي اتباع هذا المسار في النهاية ولكن كان القصد البدء بتمكين النوافذ المنبثقة للروابط التشعبية المغلفة بشكل صحيح.
التفاصيل:
أكتب إليكم بسؤال بسيط على أمل أن يكون مباشرًا حول تطبيق تطبيق CSS/JS صغير على منتدى Discourse الخاص بنا: نحن نحاول استخدام تطبيق صغير ورائع أعدته Mementoweb يرفق مربعًا منبثقًا بأي روابط تشعبية على الصفحة، مما يسمح لك بالاختيار بين الوصول إلى الموقع أو عرض نسخة مخبأة سابقة من الموقع إذا لم يعد الرابط يعمل. إنها ميزة رائعة حقًا!، ونأمل أن تحل بعض المشاكل الحتمية المتعلقة بالعودة إلى موقع ويب بعد عامين والعثور على روابط ميتة لصفحات غير مدعومة. في البداية، كنت آمل فقط في محاولة التأكد من أنها ستعمل عندما يقوم أحدنا بإنشاء رمز يدويًا على موقع Robustify (مثال).
يعمل التطبيق على بضعة أسطر من التعليمات البرمجية - يتم تغليف الروابط بعلامة a href أطول، وهناك روابط لجدول بيانات CSS وبعض تعليمات جافاسكريبت البرمجية في علامات الرأس. لم أكن متأكدًا تمامًا مما إذا كان Discourse سيسمح بتخصيص جافاسكريبت ولكني تشجعت حقًا بقراءة دليل المبتدئين ورؤية مقدار النطاق المتاح للتعديلات. نحن نستخدم سمة بعيدة (Sam’s Simple Theme) وقد حاولت إضافة تعليماتنا البرمجية إلى رأس الموقع كمكون جديد:
لم أتمكن من تشغيل هذا حتى الآن ولكنني اعتقدت أنني قمت بحله بالأمس، حيث قرأت عن الإضافات وقم بتغيير نوع JS الخاص بنا إلى "text/discourse-plugin" version="0.8.13"; لقد حاولت أيضًا حل المتغيرات الطفيفة لإعادة تحديد موقع CSS (ربط الورقة مباشرة بدلاً من كونها DOI؛ نسخ العلامات مباشرة في مساحة CSS؛ تضمينها كـ CSS مضمن، إلخ) دون أي نجاح - لا تزال المشاركات ذات الروابط المغلفة تظهر بدون نافذة منبثقة:
نقدر أي توجيه هنا!، وسأقوم بتحديث هذا المنشور إذا تعثرت في حل في هذه الأثناء.
بما في ذلك لقطة شاشة أدناه، لا يمكنني رؤية مشكلة CSP على الفور ولكن يسعدني تجربة جهاز آخر إذا كان ذلك قد يساعد:
