اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر
بتاريخ 5 دقائق مضت قال Brahim Semmani:

السلام عليكم  كما في العنوان كيف يمكن التحقق من حجم الشاشة داخل laravel  (madia query) ؟

وعليكم السلام ورحمة الله،

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

انظر الاجابة على سؤال مشابه في موقع stackoverflow

مثال ثاني من نفس الموقع وهنا يرسلون الملف عندما يكون احجم الشاشة اكبر من قياس معين

  • 2
نشر

بالنسبة للواجهة الخلفية، ستمتلك معلومات جد محدودة عن الواجهة الامامية. وتعاملها لا يكون مع الوسائط media، نوعها ومميزاتها بالمعاملات المنطقية المألوفة بشكل يسمح بالعمل على استعلامات الوسائط media queries. ولكنها تتعامل مع منطق آخر تماما: العميل او User Agent. 

فان كنت تحاول بشكل من الاشكال القيام بـ:

@if($screensize < 768px)
  .. اي شيفرة هنا
@endif

يمكنك الاعتماد على تعقب العميل والتحقق من ما ان كان يتصفح من الهاتف ومقاربة نفس النتيجة بشكل ما كـ:

@if($agent->isMobile())
  ..
@endif

يمكنك الاستفادة مما تقدمه هاته الحزمة jenssegers/agent . سهلة التثبيت وتوفر التحققات التالية:

$agent->isMobile(); // التحقق من ما ان كان جهاز العميل جهاز هاتف 
$agent->isTablet(); // التحقق من ما ان كان جهاز العميل جهازا لوحيا 
$agent->isDesktop(); // التحقق من ما ان كان جهاز العميل حاسوبا مكتبيا او محمولا

لاحظ ان  هاته الحزمة او مثيلاتها في الواجهة الخلفية لا تتعامل مع نقاط التوقف breakpoints وانما مع تحليل نوع الجهاز. يمكنك بشكل من الاشكال معاملتها بذات المنطق، لن تختلف نقاط التوقف من جهاز لآخر إلا بشيء قليل.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...