إذا كنت مصمم ويب أو مطورًا ، فيمكنك إنشاء قوالب مواقع الويب والتحقق من توافقها حيث أن مستعرض Edge الجديد كليًا من ^(Edge)Microsoft مجهز بالعديد من أدوات المطورين. يمكنك أيضًا التبديل إلى وكيل مستخدم مختلف وتغيير الموقع الجغرافي لمحاكاة متصفح آخر لتجاوز قيود معينة على مواقع الويب تتعلق بتطبيق معين. لذلك ، في هذا المنشور ، سنوجهك خلال عملية تغيير وكيل المستخدم ^{(User Agent )}والموقع الجغرافي^{(Geolocation)} في  أدوات المطور Edge^{(Edge Developer Tools)} .

بالنسبة لمستخدم الإنترنت^(Internet) العادي ، يبدو Microsoft Edge كمتصفح رائع. ^{(Microsoft Edge)}إذا كنت تستخدم Windows 10 ، فمن المؤكد أنك تحب Microsoft Edge . في الوقت نفسه ، إذا كنت مصمم ويب أو مطورًا ، فقم ببناء قوالب موقع ويب وتحتاج إلى التحقق من القالب الخاص بك في العديد من المتصفحات والقرارات لمعرفة التوافق ، يمكن لمتصفح الويب الجديد هذا أن يساعدك أيضًا. تمامًا^(Just) مثل Internet Explorer و Chrome و Firefox ، تحتوي هذه الأداة على العديد من أدوات المطورين وتتيح لك تغيير وكيل المستخدم.

تغيير وكيل المستخدم^{(Change User Agent)} والموقع الجغرافي^{(Geolocation)} في Edge Developer Tools

إذا كنت مصمم ويب أو مطورًا غالبًا ما يقوم بإنشاء قوالب مواقع الويب للتحقق من توافقها في المتصفحات المختلفة ، فغالبًا ما تحتاج إلى تغيير وكيل المستخدم^{(User-Agent )} والموقع الجغرافي  . ^{(Geolocation. )}يمكن أن يساعدك متصفح الويب Edge ( Chromium ) الجديد ! دعونا نرى كيف نتغير ،

1. وكيل المستخدم في أدوات المطور Edge
2. تحديد الموقع الجغرافي في أدوات المطور Edge

لمعلوماتك ، كان MODE و DISPLAY متاحين في Edge HTML ولكنهما غير موجودين في Edge Chromium .

ها هي العملية الكاملة.

1] وكيل المستخدم في Edge Developer Tools

منذ ذلك الحين ، أكمل Microsoft Edge الترحيل من EdgeHTML إلى Chromium ، أصبح تغيير وكيل المستخدم عملية مختلفة الآن!

قم بتشغيل " أدوات المطور^{(Developer Tools)} " بالنقر فوق " الإعدادات والمزيد^{(Settings & more)} "> " المزيد من الأدوات^{(More tools)} "> " أدوات المطور^{(Developer Tools)} ".

عندما تكون في قائمة أدوات المطور ، انقر فوق " ^(Developer)قائمة ثلاثية النقاط" ،^{(three-dot menu’ , )} وانتقل إلى " المزيد من الأدوات" ^{(More tools’)} > ‘شروط الشبكة".^{(Network conditions’.)}

هنا ، قم بالتمرير لأسفل لإظهار الجزء السفلي من الشاشة.

ستلاحظ أنه تم تكوين Microsoft Edge على " ^{(Microsoft Edge)}التحديد تلقائيًا"^{(Select automatically’)} .

قم بإلغاء تحديد هذا الخيار لاختيار إعداد مخصص. حدد^(Select) " مخصص"^{(Custom’ )} من القائمة المنسدلة.

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

2] تحديد الموقع الجغرافي^{(Geolocation)} في أدوات المطور Edge^{(Edge Developer Tools)}

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

انقر فوق " المزيد من الأدوات^{(More tools)} " ضمن علامة التبويب " وحدة التحكم^(Console) " وحدد خيار " أجهزة الاستشعار^(Sensors) ".

ثم ، ضمن " Geolocations " ، انقر فوق " إدارة^(Manage) ".

الآن ، حدد المنطقة المطلوبة واضغط على علامة التبويب " إضافة موقع^{(Add location)} ".

تعرف على أدوات الشبكة في F12 Developer Tools لمتصفح Microsoft Edge^{(Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser)} بعد ذلك.

How to change User Agent and Geolocation in Edge Developer Tools

If you are a web designer or a developer, you can build website templates and check for its compatibility as the all-new Edge browser from Micrоsoft іs equipped with several develоper tools. Also, you can switch to a different user agent and change geolocation to emυlate another browser in order to bуpasѕ certain website restrictions that concern a specific аpp. So, in this post, we’ll walk you through the process of changing User Agent and Geolocation in Edge Developer Tools.

For a regular Internet user, Microsoft Edge seems like an awesome browser. If you are using Windows 10, you surely must be liking Microsoft Edge. At the same time, if you are a web designer or a developer, build website templates and need to check your template in various browsers and resolutions to find out the compatibility, this new web browser can help as well. Just like Internet Explorer, Chrome and Firefox, this tool contains several developer tools and lets you change the user-agent.

Change User Agent & Geolocation in Edge Developer Tools

If you are a web designer or a developer who often builds website templates to check its compatibility in various browsers, you’ll often need to change User-Agent and Geolocation. The new Edge (Chromium) web browser can help! Let’s see how to change,

1. User-Agent in Edge Developer Tools
2. Geolocation in Edge Developer Tools

For your information, MODE and DISPLAY were available in Edge HTML but they are not there in Edge Chromium.

Here’s the complete process.

1] User-Agent in Edge Developer Tools

Since, Microsoft Edge has completed the migration from EdgeHTML to Chromium, changing the user agent is a different process now!

Launch ‘Developer Tools‘ by clicking on ‘Settings & more‘ > ‘More tools‘ > ‘Developer Tools‘.

When in the Developer tools menu, click ‘three-dot menu’ , go to ‘More tools’ > ‘Network conditions’.

Here, scroll down to make the lower part of the screen visible.

You will notice that Microsoft Edge is configured to ‘Select automatically’ .

Un-check this option to choose a custom setting. Select ‘Custom’ from the drop-down menu.

Pick the desired option for desktop browsers. There’s no need to reboot to save the new settings. Your pages should reload to apply the custom user agent, automatically.

2] Geolocation in Edge Developer Tools

If you have a country-specific website or want to check any country-specific website, you can use this feature as a web proxy. You can change your geo-location and check out any website. For this,

Click on ‘More tools‘ under ‘Console‘ tab and select ‘Sensors‘ option.

Then, under ‘Geolocations‘, click on ‘Manage‘.

Now, select the desired region and hit the ‘Add location‘ tab.

Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser next.

Related posts

• تعطيل Developer Tools في Edge باستخدام Registry or Group Policy

• تعطيل اختصار F12 keyboard ل Microsoft Edge Developer Tools

• مسح Site Data لموقع معين في Chrome or Edge باستخدام Developer Tools

• Identify الخطوط في Chrome، Edge and Firefox استخدام Developer Tools

• Teach Kids إلى Code باستخدام هذه Tools and Programs من Microsoft

• Microsoft Graph: كل ما تحتاج لمعرفته

• ما هو JavaScript Framework الزاوي بشروط بسيطة؟

• أفضل المواقع لتعلم أو تحسين المعرفة HTML coding الخاصة بك

• SynWrite Editor: Free Text & Source Code Editor لWindows 10

• كيفية تغيير User name and Profile image في Edge، Chrome، Firefox

• Jedit هو واحد مثير للإعجاب Text Editor لمبرمجي الكمبيوتر

• ما هي لغة البرمجة Java؟ أمثلة Code

• كيفية تمكين Download User Interface الجديد في Microsoft Edge

• Create Native Windows application من أي صفحة ويب باستخدام Nativefier

• ما هو زامارين؟ كيف يساعد في Mobile عبر المنصة app development؟

• كيفية تمكين Developer Mode في Windows 11/10

• Best Free Xampp Server بدائل للمطورين

• Chrome Development Tools Tutorials، Tips، Tricks

• تحقق من التعليمات البرمجية الخاصة بك للأخطاء مع Code Compare ل Windows 10

• كيفية تنزيل Font من Website باستخدام Developer Tools