مستجيب

1. مجرد تطوير واجهة.
2. يكون تكييف الشاشة للصفحة ضمن نطاق معين: على سبيل المثال، مجموعة واحدة للكمبيوتر الشخصي (>1024)، مجموعة واحدة للكمبيوتر اللوحي (768-1024)، مجموعة واحدة للهاتف المحمول (<768)؛ مجموعة واحدة لجميع الصفحات المستجيبة يتم تكييفها. (كما يمكنك أن تتخيل: يجب اعتبار التصميم سريع الاستجابة أكثر تعقيدًا من التصميم التكيفي)
3. أنشئ صفحة ويب واستخدم CSS Media Query وContent-Based Breakpoint والتقنيات الأخرى لتغيير حجم صفحة الويب لتتكيف مع الشاشات ذات الدقة المختلفة.

التكيف

1. يجب تطوير واجهات متعددة
2. من خلال الكشف عن دقة إطار العرض، يتم تحديد ما إذا كان الجهاز الذي يتم الوصول إليه حاليًا هو: كمبيوتر شخصي أو جهاز لوحي أو هاتف محمول، وبالتالي طلب طبقة الخدمة وإرجاع صفحات مختلفة يكتشف التصميم سريع الاستجابة دقة إطار العرض وينفذ العمليات على العميل لعملاء مختلفين. معالجة التعليمات البرمجية لعرض تخطيطات ومحتوى مختلف.
3. قم بإنشاء صفحات ويب مختلفة لأنواع مختلفة من الأجهزة، واستدعاء صفحات الويب المقابلة بعد اكتشاف دقة الجهاز.

التمييز بين الاستجابة والتكيف

1. استخدم متصفح chrome أو edge لفتح عنوان URL على جهاز الكمبيوتر.
2. وفق F12 أو انقر بزر الماوس الأيمن واختر كشف.
3. انقر في الزاوية اليسرى العليا من اللوحةرمز تبديل الجهاز،كما هو مبين أدناه

4. بعد التبديل،
   يتم تبديل التخطيط المعروض على الكمبيوتر والمحطات الطرفية المحمولة تلقائيًامستجيب، مثل هذا الموقع؛
   إذا لم يتم تكييف التخطيط تلقائيًا، فسيتحول التخطيط إلى التكيف بعد تحديث الصفحة (ينتقل عنوان URL أو لا يقفز)، أيالتكيفمثل بايدو؛
   إذا لم يكن هناك تبديل بعد التحديث، فهو لا يستجيب ولا يتكيف، ولا يتكيف مع الأجهزة المختلفة.

اقتراح

• منظور التطوير: صفحة واحدة، وظائف معقدة، وظائف بسيطة قابلة للتكيف، سريعة الاستجابة.
• منظور تحسين محركات البحث (SEO): تفضل محركات البحث بشكل عام الاستجابة.

لخص

• مستجيبة:مجموعة من القوالبيتم دمج القوالب ذات الدقة المختلفة، التي يتم تكييفها بواسطة الواجهة الأمامية، في صفحة واحدة، ويكون تنزيل صفحة واحدة من القوالب مجرد صفحة واحدة.
• التكيف:مجموعات متعددة من القوالبيتم تكييف كل قالب دقة من خلال الواجهة الخلفية، ويحتوي على صفحة واحدة، ويتم تنزيل قوالب دقة مختلفة بشكل منفصل.