الموقع غير مستجيب على الجهاز اللوحي

مرحباً،
وجدت أن موقعي ليس متجاوباً على جهازي اللوحي. ولكنه متجاوب إذا قمت بتعطيل الإضافات في الوضع الآمن. لدي إضافات رسمية فقط على موقعي.

لدي الإضافات التالية على موقعي:

المشكلة غير مرئية على ميتا. أعتقد أن السبب هو أن ميتا لا تستخدم discourse-adplugin.

الموقع كما يظهر على الجهاز اللوحي:

هل يمكنك محاولة تعطيل مانع الإعلانات الخاص بك أو استخدام وضع التصفح المتخفي لمعرفة ما إذا كان لذلك تأثير؟

أواجه نفس المشكلة في وضع التصفح المتخفي أيضًا.

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

إعجاب واحد (1)

أخشى أنني لا أملك جهازًا لوحيًا لاختبار ذلك بنفسي، ولكن هل يمكنك محاولة تعطيل الشريط الجانبي باستخدام إعدادات المسؤول enable experimental sidebar hamburger و enable sidebar ومعرفة ما إذا كان ذلك سيساعد على المدى القصير:

إعجاب واحد (1)

نعم، إذا قمت بتعطيل إعدادات الشريط الجانبي، يصبح الموقع متجاوبًا مرة أخرى ويتماشى مع الشاشة. المشكلة متعلقة بالشريط الجانبي.

مرحباً،

يمكنني تكرار ذلك على موقعك. أعتقد أن السبب هو أن الإعلانات العلوية لها عرض ثابت. لست متأكداً مما إذا كان من الممكن اختيار نوع إعلانات متجاوب؟ :thinking: أو جعلها بعرض CSS. ربما تحتاج إعلانات discourse إلى بعض التحديث للعمل بشكل أفضل مع الشريط الجانبي… أو هل لديك أي تعديلات على الإعلانات؟

إعجاب واحد (1)

هذا ما أراه على جهاز iPad Pro الخاص بي على سبيل المثال.
أخبرني إذا كنت ترغب في أن أحاول مرة أخرى بعد تبديل أي إعدادات. :+1:

مانعات الإعلانات نشطة



مانعات الإعلانات غير نشطة



إعجابَين (2)

هل يمكنك محاولة إضافة هذا إلى مكون سمة جديد أو موجود للتحقق من كيفية عمل هذا؟

سطح المكتب / CSS

@media screen and (max-width: 1000px) {
  .google-adsense .google-adsense-content {
    width: 100% !important;
  }
}
إعجابَين (2)

لقد أضفت CSS. الآن ليس لدي المشكلة على الموقع الرئيسي، ولكن لدي المشكلة على جميع الصفحات.

لم أقم بأي تعديلات على الإعلانات. أنا أستخدم إعلانات ذات حجم ثابت فوق قائمة الموضوعات في المكون الإضافي AdSense.

إعجاب واحد (1)

لقد قمت بتبديل الإعدادات. هل يمكنك المحاولة مرة أخرى؟

لا ألاحظ أي اختلافات واضحة، ربما بسبب التخزين المؤقت؟

Adblockers active



Adblockers inactive



أرى ذلك. أعتقد أن المشكلة تتعلق بالإعلانات ذات العرض الثابت. على سبيل المثال، إذا فتحت الموقع مع الشريط الجانبي المطوي ثم فتحت الشريط الجانبي، فسيتم سحب الإعلانات كاملة الحجم إلى اليمين وسيتم تحديث عرض الإعلان فقط بعد تحديث الصفحة بالكامل.

للأسف، لا يمكنني تجربتها الآن على موقع الاختبار الخاص بي.

لكن يمكنني تخيل أن شيئًا كهذا يمكن أن يعمل مع الإعلانات الأخرى أيضًا. هل يمكنك محاولة تغيير الكود السابق إلى هذا؟

@media screen and (max-width: 1110px) {
  .google-adsense .google-adsense-content {
    width: 100% !important;
    .adsbygoogle {
      width: 100% !important;
      > div {
        width: 100% !important;
      }
    }
  }
}
إعجاب واحد (1)

لقد قمت بتغيير CSS السابق بالجديد. لكن لا يزال لدي نفس المشكلة على جميع الصفحات ولكن ليس على الموقع الرئيسي. لقد حاولت أيضًا مسح ذاكرة التخزين المؤقت ولكن نفس الشيء.

إعجاب واحد (1)

عذرًا، كان هذا أفضل اقتراح لدي في الوقت الحالي، ولكن على الأقل نعرف الآن أن الإعلانات تسبب ذلك. أعتقد أنه يمكنك إزالة الرمز للتأكد من عدم تعارضه مع الإصلاح المستقبلي. :slightly_smiling_face:

إعجاب واحد (1)

شكراً للمساعدة. آمل أن يقوم شخص ما بإصلاح هذه المشكلة قريباً.

إعجاب واحد (1)

وجدت أن ميتا تواجه نفس المشكلة على جميع الصفحات.

إعجاب واحد (1)

مرحباً، أوه نعم، يمكنني إعادة إنتاجه. يبدو أن الحد الأقصى للعرض .loading-container السفلي تحت 790 بكسل يسبب هذا مع فتح الشريط الجانبي في صفحات الموضوع.

ربما سيكون من الجيد إضافة --d-sidebar-width إلى هذا الحساب عندما يكون .has-sidebar-page متاحًا؟

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

ملخص:

في الصفحة الأخيرة، يسبب الإعلان العلوي ذو العرض الثابت هذا، وفي صفحات الموضوع التي ذكرتها أعلاه.

هذا الإصلاح السريع يجب أن يعمل معك.

سطح المكتب / CSS

.google-adsense .google-adsense-content {
  max-width: 100%;
  .adsbygoogle {
    max-width: 100%;
    > div {
      max-width: 100%;
    }
  }
}

@media all and (max-width: 790px) {
  body.has-sidebar-page {
    .topic-area > .loading-container {
      max-width: calc(100vw - var(--d-sidebar-width) - 32px);
    }
  }
}
إعجابَين (2)

شكراً لك، دون. أصبح الموقع الآن متجاوباً ويعمل كما هو متوقع على جهازي اللوحي. آمل أن يقوم موظفو ديسكورس بإصلاح هذه المشكلة على ميتا أيضاً.

إعجاب واحد (1)