تجاوز Shadow DOMs وإطارات Iframe ذات الأصل نفسه: كيف قمت بحل التحديث الضخم لـ SDUI الخاص بـ LinkedIn

تخيل أنك تستيقظ لتشاهد امتداد المتصفح الذي قضيت شهورًا في إنشائه وتحسينه وتوسيع نطاقه...

10 يوليو 2026 1 دقائق قراءة

تخيل أنك تستيقظ لتشاهد ملحق المتصفح الذي قضيت شهورًا في إنشائه وتحسينه وتوسيع نطاقه ينقطع تمامًا بين عشية وضحاها.

وهذا بالضبط ما حدث لامتدادي JobEasyApply . لعدة أشهر، استخدمه الباحثون عن عمل لملء طلبات العمل تلقائيًا على LinkedIn. وبعد ذلك، وفي يوم واحد، أطلقت LinkedIn تحديثًا ضخمًا للواجهة الأمامية.

قامت LinkedIn بنقل تدفق التطبيق السهل إلى بنية واجهة المستخدم المستندة إلى الخادم (SDUI).

فيما يلي نظرة على التحديات الهندسية التي أنشأها هذا التحديث، وكيف قمنا بتشخيص التغييرات الهيكلية، والاستراتيجيات المفاهيمية التي استخدمناها للحفاظ على تشغيل الامتداد.

لم يكن هذا التحديث مجرد تعديل بسيط لبعض فئات CSS. لقد كان نقلة نوعية كاملة في كيفية تعامل LinkedIn مع مكونات النموذج.

بين عشية وضحاها تقريبًا، تضرر النظام البيئي لأتمتة البحث عن الوظائف بالكامل:

المصدر: dev.to