it-swarm.asia

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

عند اتخاذ القرار بشأن الحد الأدنى لمتطلبات تطبيق الويب على الأجهزة العميلة:

  1. المتصفحات - ما المتصفحات التي يجب أن تستهدفها على الأقل للغاية
  2. دقة الشاشة - ما هي دقة الشاشة التي يجب أن تستهدفها واحدة على الأقل

لضمان عدم قابلية الاستخدام للتطبيق للخطر

18
Julius A

W3Schools (على سبيل المثال) لديه بعض الإحصاءات على شاشات المتصفح. اعتبارًا من يناير 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

يرتبط الشكل العالي بـ جدول جديد . من الأشكال تبدو 1024x768 هو دقة الشاشة الدنيا الفعالة. ومع ذلك ، يجب أن تتذكر أنه ليس الجميع يدير متصفحهم في وضع ملء الشاشة.

هناك أيضًا إحصائيات المتصفح الصفحة. يتم تقسيم المتصفحات حسب الإصدار (على سبيل المثال Firefox ). مع المتصفحات مثل Firefox و Chrome يبدو أن الأغلبية تستخدم أحدث الإصدارات (غير التجريبية). أظن أن هذا لأنهم التحديث التلقائي.

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

8
ChrisF

بدلاً من استهداف متصفح ودقة معينة ، سأبدأ بالافتراض بأنك ترغب في أن يكون موقعك قابلاً للاستخدام من قبل أكبر عدد ممكن من المستخدمين. حاول أن تجعل الأشياء تتكيف مع أحجام الشاشة المختلفة وأن تعمل في جميع المتصفحات. ومع ذلك ، أعتقد أنه من الآمن افتراض 1024 × 768 لتصفح سطح المكتب.

6
Oren Hizkiya

أكثر عالمية مجموعة من الإحصائيات تشير إلى أن 1024x768 هي في الواقع القرار الأكثر شعبية ، ولكن توزيع المستخدمين مختلف للغاية. لاحظ أيضًا أن نتبووكس ، كما يفترضون ، تساعد 800x600 تشبث.

في المتصفحات الحديثة ، يمكنك استهداف نطاقات باستخدام استعلامات الوسائط . انهم رائعون. على افتراض أنك لا تهتم IE - على الرغم من أن IE9 يعدك بدعمهم. يمكن استخدام التعليقات الشرطية لإرسال دقة أقل قاسم مشترك إلى IE ، أو يمكن استخدام JavaScript لتحميل أوراق الأنماط ديناميكيًا. إن تحميل CSS عبر JavaScript ديناميكيًا ، في رأيي ، فكرة فظيعة .

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

تتيح لك استعلامات الوسائط ألا تضغط على أشياء مثل "هل يدعم موقعي أجهزة iPhone و iPad؟" أو "كيف يمكنني استهداف حجم شاشة جهاز X للحفاظ على قابلية الاستخدام؟". يمكنك فقط إنشاء تصميمات للعديد من أحجام الشاشة التي تريد دعمها ، وستتولى "استعلامات الوسائط" الاهتمام بالباقي ، اعتمادًا على متصفح المستخدم عند الوصول إلى هناك.

5
Bryson

يمكنك أن تبني قرارك الخاص بالإحصائيات الحديثة حول استخدام الدقة. إذا كنت تريد رقمًا عامًا ، فيمكنك العثور على بعضها من Net Applications وإذا كنت تريد بيانات دقيقة ، يمكنك استخدام Google Analytic على موقع الويب الخاص بك لذلك.

2
HoLyVieR

تحقق من إحصائيات حصة سوق المتصفح في جميع أنحاء العالم

هذا السؤال يوفر قائمة شاملة بالمصادر للبحث عن حصة سوق المتصفح في جميع أنحاء العالم.

فيما يلي أفضل ثلاثة متوسطات لعام 2010 لـ StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

فيما يلي أفضل ثلاثة متوسطات لعام 2010 لـ Net Applications :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

وفقًا للبيانات ، يجب أن يكون الحد الأدنى لقرارك هو 1024 × 768 ولكنه يعتمد أيضًا على التركيبة السكانية الخاصة بك.

إذا كان موقعك موجهًا نحو جمهور أكبر من الشركات ، فالتزم بما يصل إلى 800 × 600. لا يزال هناك الكثير من شبكات الشركات التي تستخدم أجهزة قديمة بالفعل مع نظام التشغيل Windows 2000. إذا كان هذا هو قاعدة المستخدمين التي تستهدفها ، فإن استخدام "المعيار الحالي" لقرارات الشاشة قد يؤدي إلى عزل جمهورك.

1
Evan Plaice

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

يجب عليك بعد ذلك أن تأخذ في الاعتبار أن الكثير من الناس يقومون بالوصول إلى مواقع الويب على الأجهزة المحمولة - الهواتف الذكية ، نتبووكس ، الأجهزة اللوحية وما شابه ذلك. يمكن أن يكون لهذه القرارات دقة "غريبة" أو لديها نسبة أعلى من مستخدمي المتصفحات مثل Safari و Chrome و Opera Mobile. يمكن أن يكون لها أيضًا متطلبات إمكانية وصول مختلفة أو قد تتطلب أوراق أنماط مختلفة.

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

1
Dan Diplo

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

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

0
Colin Coghill

http://isie6dead.com/ على الرغم من أن هذا الرابط كان أكثر ديناميكية منذ أسبوع أو نحو ذلك ، إلا أن النقطة الكامنة وراء وجوده لا تزال صالحة: هناك الكثير من المتصفحات IE6 هناك وستظل هناك ربما خلال العقد القادم .

بالنسبة لمشاريعي الشخصية ، إذا كنت تستخدم IE6 ، فلا يهمني ما إذا كان موقعي يتسبب في خروج القردة من مؤخرتك. بالنسبة إلى الوظيفة ، قد تكون المتطلبات مختلفة ، وبشكل عام ، كلما كان الجمهور المستهدف أكبر وأكثر عمومية ، زاد احتمال ظهور موقعك لـ IE6 على 640 × 480 × 4.

لا يمكن الإجابة عن هذا السؤال بدقة بدون جمهور محدد ويتجاهل تمامًا جحافل أجهزة iPhone المزدهرة.

0
msw

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

0
mvark