تهدف مكتبة iframe-resizer إلى التخلص من نقاط الضعف باستخدام إطارات iframe. سيتم تغيير حجم إطار iframe الخاص بك ليتناسب مع حجم المحتوى الخاص بك ثم مراقبة إطار iframe للتأكد من أنه دائمًا بالحجم المثالي.
نظرًا لأن المتصفحات لا توفر طريقة واحدة موثوقة دائمًا لحساب حجم المحتوى، فإن iframe-resizer يقوم تلقائيًا بفحص صفحتك واختيار أفضل قيمة للمحتوى الخاص بك في كل مرة يكتشف فيها شيئًا ما قد تم تغييره.
لضمان الحد الأدنى من التأثير على موقعك، تم تحسين iframe-resizer بدرجة كبيرة ويستخدم Set Theory للتأكد من أنه يتحقق فقط من عناصر الصفحة التي تؤثر على حجم إطارات iframe الخاصة بك.
حتى في الصفحات الأكثر تعقيدًا، يستطيع iframe-resizer اكتشاف التغييرات في كل من HTML وCSS، وحساب أبعاد المحتوى التي تمت مراجعتها وتحديث iframe في وقت أقل من مللي ثانية.
يدعم كلاً من إطارات iframe الداخلية (نفس النطاق) والخارجية (عبر النطاق) عبر ملف JS بسيط تم تصميمه ليكون ضيفًا بدون تأثير على المواقع التي تستضيفه.
بالإضافة إلى ذلك، يوفر iframe-resizer مجموعة من ميزات واجهة برمجة تطبيقات المتصفح المفقودة، والتي تسمح لك بدمج محتوى iframe الخاص بك بشكل آمن مع الصفحة الرئيسية.
onMouseEnter
و onMouseLeave
إلى عنصر iframeعند دمجه مع viewer.js، يمكنه أيضًا تغيير حجم إطارات iframe التي تحتوي على مستندات PDF وODF.
الرجاء مراجعة موقع iframe-resizer للحصول على أدلة الإعداد ووثائق واجهة برمجة التطبيقات. يتضمن ذلك إصدارات لـ:
جنبا إلى جنب مع أدلة الإعداد ل:
إنها أيضًا واجهة برمجة تطبيقات لدعم إنشاء مكونات مخصصة إضافية.
تمت إعادة كتابة هذا الإصدار من iframe-resizer على نطاق واسع لاستخدام واجهات برمجة تطبيقات المتصفح الحديثة، مما أتاح أداءً أفضل بشكل ملحوظ ودقة أكبر في اكتشاف أحداث تغيير حجم المحتوى.
مع هذا الإصدار، تم استغلال الفرصة لتحديث واجهة برمجة التطبيقات وتبسيطها، إذا كنت قادمًا من إصدار سابق، فستجد دليل ترقية لشرح التغييرات.
بالنسبة للإصدار 5، تم تقسيم iframe-resizer إلى حزمتين رئيسيتين لتسهيل النشر عبر نطاقات مختلفة ودعم اهتزاز الشجرة بشكل أفضل. يمكن تثبيت هاتين الحزمتين من NPM، أو تنزيلهما كملف مضغوط.
تقوم حزمة الصفحة الرئيسية بإعداد إطار iframe لتغيير حجم المحتوى تلقائيًا. هذه إصدارات من هذه الحزمة للعديد من المكتبات والأطر الشائعة (انظر أدناه).
تحتاج هذه الحزمة إلى التحميل في iframe، حيث ستنتظر بهدوء رسالة من الصفحة الرئيسية قبل التهيئة. لقد تم تصميمه ليكون ضيفًا جيدًا على موقع شخص آخر.
بالإضافة إلى الحزمتين الرئيسيتين، فإنهما عبارة عن إصدارات من الحزمة الأصلية للمنصات التالية.
مكون React للصفحة الرئيسية.
مكون Vue للصفحة الرئيسية.
غلاف jQuery بسيط للصفحة الرئيسية.
واجهة برمجة التطبيقات الأساسية للصفحة الرئيسية، التي يستخدمها @iframe-resizer/parent
، بالإضافة إلى إصدارات مكونات إطار العمل والمكتبة.
حقوق الطبع والنشر © 2013-24 David J. Bradshaw - مرخصة بموجب GPL V3