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

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

  • الروبوت
  • دائره الرقابه الداخليه
  • Windows Phone
  • العامه.

مراقبة مواقع الويب في متصفحات الجوال باستخدام Desktop-Monitor

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

مع تزايد موجة حركة مرور الويب العالمية التي يتم الوصول إليها بواسطة الأجهزة المحمولة ، أضافت Dotcom-Monitor دعم محاكاة متصفح الجوال لمنتجات الجوال إلى منصة BrowserView.

مع Dotcom-Monitor ، لم تعد عملية اختبار موقع الويب الخاص بك في مختلف متصفحات الجوال مشكلة. لست بحاجة إلى شراء الكثير من الأجهزة ذات أحجام الشاشة المختلفة لاختبار واجهة الجوال. ما يجب عليك فعله هو ببساطة إنشاء جهاز Dotcom-Monitor BrowserView ، وتحديد نوع جهاز المتصفح الذي تحتاج إلى اختبار موقع الويب الخاص بك عليه. أثناء مراقبة النظام ، ستحاكي الجهاز الذي اخترته بنفس الطريقة التي تقوم بها الأدوات المضمنة في متصفح سطح المكتب. يحدث تحميل الصفحة في الوضع الأفقي في نافذة المستعرض.

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

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

يظل إنشاء جهاز BrowserView كما هو في الأساس لتكوين الجوال. ما عليك سوى اختيار طراز الهاتف المحمول المطلوب من قائمة نوع المتصفح أثناء تكوين الجهاز.

من بين الأجهزة التي يمكن محاكاتها مع منصة Dotcom-Monitor BrowserView ما يلي:

طراز الجهاز

وكيل المستخدم
ايفون ٤ موزيلا / 5.0 (اي فون; U; وحدة المعالجة المركزية فون OS 4_3_2 مثل ماك OS X. en-us) AppleWebKit/533.17.9 (KHTML، مثل Gecko) الإصدار/5.0.2 Mobile/8H7 Safari/6533.18.5
ايفون ٥ موزيلا / 5.0 (اي فون; وحدة المعالجة المركزية iPhone OS 7_0 مثل Mac OS X ؛ en-us) AppleWebKit/537.51.1 (KHTML، مثل Gecko) الإصدار/7.0 Mobile/11A465 Safari/9537.53
ايفون ٦ موزيلا / 5.0 (اي فون; وحدة المعالجة المركزية اي فون OS 8_0 مثل ماك OS X) AppleWebKit / 600.1.3 (KHTML ، مثل Gecko) الإصدار / 8.0 المحمول / 12A4345d سفاري / 600.1.4
ايفون 6 بلس موزيلا / 5.0 (اي فون; وحدة المعالجة المركزية اي فون OS 8_0 مثل ماك OS X) AppleWebKit / 600.1.3 (KHTML ، مثل Gecko) الإصدار / 8.0 المحمول / 12A4345d سفاري / 600.1.4
آيبود تاتش 4 موزيلا / 5.0 (اي فون; U; وحدة المعالجة المركزية فون OS 4_3_2 مثل ماك OS X. en-us) AppleWebKit/533.17.9 (KHTML، مثل Gecko) الإصدار/5.0.2 Mobile/8H7 Safari/6533.18.5
آيبود تاتش 5 موزيلا / 5.0 (اي فون; وحدة المعالجة المركزية iPhone OS 7_0 مثل Mac OS X ؛ en-us) AppleWebKit/537.51.1 (KHTML، مثل Gecko) الإصدار/7.0 Mobile/11A465 Safari/9537.53
ايباد موزيلا/5.0 (آي باد; وحدة المعالجة المركزية OS 4_3_5 مثل نظام التشغيل Mac OS X. en-us) AppleWebKit/533.17.9 (KHTML، مثل Gecko) الإصدار/5.0.2 Mobile/8L1 Safari/6533.18.5
ايباد 2 موزيلا/5.0 (آي باد; وحدة المعالجة المركزية OS 5_1 مثل نظام التشغيل Mac OS X. en-us) AppleWebKit/534.46 (KHTML، مثل Gecko) الإصدار/5.1 Mobile/9B176 Safari/7534.48.3
آيباد ٣ (آيباد الجديد) موزيلا/5.0 (آي باد; وحدة المعالجة المركزية OS 7_0 مثل نظام التشغيل Mac OS X) AppleWebKit/537.51.1 (KHTML، مثل Gecko) الإصدار/7.0 الجوال/11A465 Safari/9537.53
iPad 4 (الجيل الرابع من iPad) موزيلا/5.0 (آي باد; وحدة المعالجة المركزية OS 7_0 مثل نظام التشغيل Mac OS X) AppleWebKit/537.51.1 (KHTML، مثل Gecko) الإصدار/7.0 الجوال/11A465 Safari/9537.53
ايباد ميني موزيلا/5.0 (آي باد; وحدة المعالجة المركزية OS 6_0 مثل نظام التشغيل Mac OS X) AppleWebKit/536.26 (KHTML، مثل Gecko) الإصدار/6.0 الجوال/10A406 Safari/8536.25
جوجل نيكزس 4 موزيلا/5.0 (لينكس; أندرويد 4.2.1; en-us; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML، مثل Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
جوجل نيكزس 5 موزيلا/5.0 (لينكس; أندرويد 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML، مثل Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
جوجل نيكزس 10 موزيلا/5.0 (لينكس; أندرويد 4.3; Nexus 10 Build/JSS15Q) AppleWebKit/537.36 (KHTML، مثل Gecko) Chrome/29.0.1547.72 Safari/537.36
جوجل نيكزس 7 موزيلا/5.0 (لينكس; أندرويد 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML، مثل Gecko) Chrome/29.0.1547.72 Safari/537.36
جوجل نيكزس 7 2 موزيلا/5.0 (لينكس; أندرويد 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML، مثل Gecko) Chrome/29.0.1547.72 Safari/537.36
سامسونج جالاكسي نوت موزيلا/5.0 (لينكس; U; أندرويد 2.3; en-us; SAMSUNG-SGH-I717 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/533.1
سامسونج جالاكسي نوت 2 موزيلا/5.0 (لينكس; U; أندرويد 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 سفاري المحمول/534.30
سامسونج جالاكسي نوت 3 موزيلا/5.0 (لينكس; U; أندرويد 4.3; en-us; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/534.30
سامسونج جالاكسي S موزيلا/5.0 (لينكس; U; أندرويد 2.1; en-us; GT-I9000 Build/ECLAIR) AppleWebKit/525.10+ (KHTML، مثل Gecko) الإصدار/3.0.4 Mobile Safari/523.12.2
سامسونج جالاكسي S3 موزيلا/5.0 (لينكس; U; أندرويد 4.0; en-us; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 سفاري المحمول/534.30
سامسونج جالاكسي S4 موزيلا/5.0 (لينكس; أندرويد 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML، مثل Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
سامسونج جالاكسي تاب موزيلا/5.0 (لينكس; U; أندرويد 2.2; en-us; SCH-i800 Build/FROYO) AppleWebKit/533.1 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/533.1
سامسونج جالاكسي تاب 10 موزيلا/5.0 (لينكس; U; أندرويد 2.2; en-us; SCH-i800 Build/FROYO) AppleWebKit/533.1 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/533.1
اتش تي سي ايفو موزيلا/5.0 (لينكس; U; أندرويد 2.2; en-us; سبرينت APA9292KT Build/FRF91) AppleWebKit/533.1 (KHTML، مثل Gecko) الإصدار/4.0 موبايل سفاري/533.1
اتش تي سي ون اكس موزيلا/5.0 (لينكس; أندرويد 4.0.3; HTC One X Build/IML74K) AppleWebKit/535.19 (KHTML، مثل Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
إتش تي سي سينسيشن موزيلا/5.0 (لينكس; U; أندرويد 4.0.3; en-us; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/534.30
موتورولا تتحدى موزيلا/5.0 (لينكس; U; أندرويد 2.0; en-us; بناء معلم / SHOLS_U2_01.03.1) AppleWebKit / 530.17 (KHTML ، مثل Gecko) الإصدار / 4.0 Mobile Safari / 530.17
موتورولا الروبوت 3 موزيلا/5.0 (لينكس; U; أندرويد 2.2; en-us; الروبوت بناء / FRG22D) AppleWebKit / 533.1 (KHTML ، مثل Gecko) الإصدار / 4.0 سفاري المحمول / 533.1
موتورولا إكسوم موزيلا/5.0 (لينكس; U; أندرويد 3.0; en-us; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML، مثل Gecko) الإصدار/3.0.4 Mobile Safari/523.12.2
سوني اريكسون S موزيلا/5.0 (لينكس; U; أندرويد 4.0; en-us; LT28at Build/6.1.C.1.111) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/534.30
سوني اريكسون Z موزيلا/5.0 (لينكس; U; أندرويد 4.2; en-us; SonyC6903 Build/14.1.G.1.518) AppleWebKit/534.30 (KHTML، مثل Gecko) الإصدار/4.0 Mobile Safari/534.30
أمازون كيندل فاير موزيلا/5.0 (لينكس; U; أندرويد 2.3.4; en-us; أوقد النار بناء / خبز الزنجبيل) AppleWebKit / 533.1 (KHTML ، مثل Gecko) الإصدار / 4.0 سفاري المحمول / 533.1
أمازون كيندل فاير HDX 7 موزيلا/5.0 (لينكس; U; en-us; KFTHWI Build/JDQ39) AppleWebKit/535.19 (KHTML، مثل Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true
أمازون كيندل فاير HDX 8 موزيلا/5.0 (لينكس; U; en-us; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML، مثل Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true
نوكيا Lumia 8XX موزيلا/5.0 (متوافق; MSIE 10.0; ويندوز فون 8.0; ترايدنت / 6.0 ؛ IEMobile/10.0; ذراع. اللمس. نوكيا. لوميا 820)
بلاك بيري Z10 موزيلا/5.0 (BB10; اللمس) AppleWebKit/537.10+ (KHTML، مثل Gecko) الإصدار/10.0.9.2372 Mobile Safari/537.10+
بلاك بيري Z30 موزيلا/5.0 (BB10; اللمس) AppleWebKit/537.10+ (KHTML، مثل Gecko) الإصدار/10.0.9.2372 Mobile Safari/537.10+
بلاك بيري بلاي بوك موزيلا/5.0 (PlayBook; U; RIM اللوحي OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML مثل Gecko) الإصدار/7.2.1.0 Safari/536.2+

  • فهم محاكاة متصفحات الجوال

    ما تعنيه سلسلة وكيل المستخدم في الواقع

    وكيل المستخدم عبارة عن سلسلة يتم تمريرها بواسطة مستعرض سطح مكتب أو جوال مع طلب HTTP (S) لأي صفحة ويب على الإنترنت. تحتوي السلسلة على معلومات محددة حول برامج وأجهزة الجهاز الذي يقدم الطلب أو التقنية المحددة المستخدمة للوصول إلى موقع ويب أو صفحة ويب أو محتوى آخر عبر الإنترنت. سلسلة وكيل المستخدم فريدة لكل مستخدم ويب. تتضمن هذه المعلومات عادة تفاصيل حول اسم المتصفح ومحرك عرض الويب والنظام الأساسي الأصلي (على سبيل المثال لمتصفحات الجوال وiOS وAndroid وAmazon KFTHWI وWindows Phone 8 وBB10 وRIM Tablet OS وما إلى ذلك) والجهاز الذي يعمل عليه المتصفح.

    باستخدام سلسلة وكيل المستخدم ، يمكنك تحديد الكثير من المعلمات ، على سبيل المثال ، بالإضافة إلى اسم نظام التشغيل وإصداره ونوع المعالج. يمكنك أيضا تحديد الجهاز الذي يعمل بالمتصفح – يمكن أن يكون جهازا لوحيا أو كمبيوتر شخصي أو iPad أو iPhone أو جهازا محمولا آخر. بالإضافة إلى ذلك ، يمكن أن تحتوي سلسلة وكيل المستخدم على معلومات حول الميزات التي يدعمها مستعرض الويب (مثل جافا سكريبت وملفات تعريف الارتباط وجافا أبليت و ActiveX وما إلى ذلك).

    يمكنك التحقق من سلسلة وكيل المستخدم التي تشير إلى متصفحك في متصفح Chrome عن طريق إدخال:

    about:

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

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

    كيفية قراءة سلسلة وكيل المستخدم

    نظرا لعدم وجود تنسيق قياسي لسلسلة وكيل المستخدم ، فقد يكون من الصعب قراءتها. ومع ذلك ، يمكنك العثور على الكثير من الإرشادات حول كيفية تحليل وتحليل محتوى سلاسل وكيل المستخدم على الإنترنت. أيضا ، يمكنك استخدام الأدوات التحليلية عبر الإنترنت (مثل whatismybrowser.com) للتعامل مع هذا التحدي.

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

    Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4

    تحتوي سلسلة المثال على بعض الرموز المميزة شائعة الاستخدام. دعونا نلقي نظرة فاحصة على ما يرمز إليه كل اسم من الأسماء بالفعل:

    • يستخدم Mozilla / 5.0 ، كما ذكر أعلاه ، من قبل المتصفحات الحديثة للسماح لخوادم الويب بمعرفة أن المتصفح متوافق مع Mozilla. Mozilla هو اسم رمزي تستخدمه Netscape وتملؤه متصفحات أخرى في سلاسل وكيل المستخدم الخاصة بها ليتم تقديمها بنفس محتوى Netscape.
    • AppleWebKit هو معرف محرك عرض الويب المستخدم على أجهزة Apple والذي تدعمه بعض أنواع الأجهزة الأخرى مثل BlackBerry.
    • KHTML هو محرك يستخدمه Safari و Chrome.
    • Gecko هو المحرك المستخدم في أحدث إصدارات Firefox. يتم استخدام الرمز المميز “Like Gecko” ليكون متوافقا مع مواقع الويب التي تخدم محتواها للمتصفحات المستندة إلى Geko.
    • Safari هو الرمز المميز الذي يشير إلى اسم المتصفح الفعلي.

    كيفية محاكاة جهاز محمول في متصفح سطح المكتب (Google Chrome)

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

    أولا ، ابدأ تشغيل Chrome. في Google Chrome، افتح موقعا إلكترونيا للجوال تحتاج إلى اختباره. ثم انقر على الزر تخصيص Google Chrome وإدارته (ثلاث نقاط رأسية في الزاوية العلوية اليسرى من نافذة المتصفح). في القائمة، حدد المزيد من أدوات < أدوات المطورين. أو يمكنك استخدام CTRL + Shift + I لنظام التشغيل Windows و Unix و Cmd + Opt + I لنظام التشغيل Mac OS.

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

    بشكل افتراضي، يستخدم شريط أدوات الجهاز وضع استجابة للصفحة التي تم تحميلها. يمكنك تحديد الجهاز المحمول الذي تريد محاكاته لاختبارك: Samsung Galaxy S5 و Pixel 2 و Pixel 2 XL و iPhone (من الإصدار 5 إلى iPhone X) و iPad و iPad Pro. يتم إعادة تحميل صفحة الجهاز المحمول كما لو كنت تستخدم الهاتف الذكي أو الجهاز اللوحي الذي حددته من القائمة.

    عند الانتهاء، ما عليك سوى إغلاق أدوات مطوري برامج Google Chrome للعودة إلى طريقة عرض سطح المكتب القياسية.