الهاتف المحمول

تتوفر لديك الخيارات التالية لبدء استخدام ملحق FBE على الهاتف المحمول:

• متصفح الهاتف المحمول
• طرق عرض الويب (نظام Android) أو طرق عرض WK/UIWebviews (نظام iOS)

متصفح الهاتف المحمول

يتمتع ملحق FBE بالقدرة على المصادقة عبر تطبيقات الهواتف المحمولة أو متصفحات الهواتف المحمولة.

نوصي باستخدام أسلوب عنوان URL عند بدء تسجيل دخول النشاط التجاري في ملحق FBE.

1. استبدل www بـ m في عنوان URL فيسبوك. استخدم https://m.facebook.com/ بدلاً من https://www.facebook.com/ على وجه التحديد.

أمثلة على واجهة المستخدم

الأمثلة التالية حول واجهة المستخدم تعرض كيف يبدو ملحق FBE عند تحميله على موقع ويب على الهاتف المحمول.

طرق عرض الويب (نظام Android) أو طرق عرض WK/UIWebviews (نظام iOS)

Android

نوصيك بشدة بإدخال سلسلة DEFAULT UserAgent لـ WebSettings() الخاصة بطرق عرض الويب في الرمز (webview.getSettings().setUserAgentString("< user_agent>")). يجب عدم تغييرها باستخدام الأسلوب setUserAgentString(). إذا تم تعديل سلسلة وكيل المستخدم، فقد يؤدي ذلك إلى حدوث مشاكل في العرض.

تعرض الأمثلة التالية قيم UserAgent الافتراضية لأجهزة الهواتف المحمولة Google Nexus 5 وSamsung Galaxy S9. احصل على قيمة UserAgent باستخدام getUserAgentString():

هاتف Google Nexus 4 — نظام Android بالإصدار 5.1 (API 22) 768x1280

Mozilla/5.0 (Linux; Android 5.1; Google Nexus 4 Build/LMY47D) 
AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 
Chrome/39.0.0.0 
Mobile Safari/537.36

هاتف Samsung Galaxy S9 — نظام Android بالإصدار 8.0 (API 26) 1440x2960

Mozilla/5.0 (Linux; Android 8.0.0; Samsung Galaxy S9 Build/OPR6.170623.017; wv) 
AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 
Chrome/58.0.3029.125 
Mobile Safari/537.36

في كلتا الحالتين، يتم عرض واجهة المستخدم كما هو متوقع. يمكنك عرض لقطات الشاشة التالية لهاتف Samsung Galaxy S9:

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

WebView webView;
webView = (WebView) v.findViewById(R.id.webview);
webView.loadUrl('<FBE2.0 URL>');
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
// Sample log to see the Default UserAgent string - Log.i("UserAgent", ""+webSettings.getUserAgentString());
webView.setWebViewClient(new WebViewClient());

يمكنك أيضًا إدخال الإعدادات التالية دون التسبب في مشكلات في العرض:

• setLoadWithOverviewMode()
• setUseWideViewPort()
• setDomStorageEnabled()
• setJavaScriptCanOpenWindowsAutomatically()
• خيارات الإعدادات المتغيرة الأخرى بخلاف واجهة المستخدم

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

يجب تجنب إدخال إعدادات إضافية متعلقة بالعرض نظرًا لأن ذلك قد يؤدي إلى حدوث مشكلات في العرض. على سبيل المثال، إذا أدخلت setLayoutAlgorithm() في طريقة عرض ويب نظام Android، فإن ذلك يعيد تنظيم HTML ويؤثر في طريقة العرض بشكل سلبي.

iOS

يتوافق أسلوب نظام Android الموضح أعلاه أيضًا مع طريقة عرض UIWebview/WKWebviews لنظام iOS.

فيما يلي عينة من الرمز المطلوب للحصول على سلسلة UserAgent الافتراضية في نظام iOS:

// Sample example - appending UserAgent - Please see latest iOS docs for approach to pass this param
webView.customUserAgent = (UIWebView().stringByEvaluatingJavaScript(from: "navigator.userAgent") ?? "") + "/Custom agent"

بالنسبة لنظام iOS، اتبع أفضل الممارسات نفسها المذكورة أعلاه لنظام Android. يُعد استخدام سلسلة UserAgent الافتراضية وتجنب إدخال أي إعدادات محتملة متعلقة بالعرض من شأنها أن تؤثر على طرق عرض الويب من الأمور الأساسية.