หากคุณเป็นนักออกแบบเว็บไซต์หรือนักพัฒนา คุณสามารถสร้างเทมเพลตเว็บไซต์และตรวจสอบความเข้ากันได้ เนื่องจาก เบราว์เซอร์ Edge ใหม่ทั้งหมด จากMicrosoftมีเครื่องมือสำหรับนักพัฒนามากมาย นอกจากนี้ คุณยังสามารถเปลี่ยนไปใช้ตัวแทนผู้ใช้อื่น และเปลี่ยนตำแหน่งทางภูมิศาสตร์เพื่อจำลองเบราว์เซอร์อื่น เพื่อเลี่ยงการจำกัดเว็บไซต์บางอย่างที่เกี่ยวข้องกับแอปเฉพาะ ดังนั้น ในโพสต์นี้ เราจะ แนะนำคุณตลอดกระบวนการเปลี่ยนUser Agentและ  GeolocationในEdge Developer Tools

สำหรับผู้ใช้อินเทอร์เน็ต ทั่วไป ^(Internet)Microsoft Edgeดูเหมือนจะเป็นเบราว์เซอร์ที่ยอดเยี่ยม หากคุณกำลังใช้Windows 10คุณจะต้องชอบMicrosoft Edgeอย่างแน่นอน ในเวลาเดียวกัน หากคุณเป็นนักออกแบบเว็บไซต์หรือนักพัฒนา สร้างเทมเพลตเว็บไซต์ และจำเป็นต้องตรวจสอบเทมเพลตของคุณในเบราว์เซอร์และความละเอียดต่างๆ เพื่อค้นหาความเข้ากันได้ เว็บเบราว์เซอร์ใหม่นี้สามารถช่วยได้เช่นกัน เช่น^(Just)เดียวกับInternet Explorer , ChromeและFirefoxเครื่องมือนี้มีเครื่องมือสำหรับนักพัฒนาหลายตัวและให้คุณเปลี่ยน user-agent ได้

เปลี่ยนตัวแทนผู้ใช้^{(Change User Agent)} & ตำแหน่งทางภูมิศาสตร์^{(Geolocation)}ในเครื่องมือสำหรับนักพัฒนา Edge^{(Edge Developer Tools)}

หากคุณเป็นนักออกแบบเว็บไซต์หรือนักพัฒนาที่สร้างเทมเพลตเว็บไซต์เพื่อตรวจสอบความเข้ากันได้ในเบราว์เซอร์ต่างๆ คุณมักจะต้องเปลี่ยนUser-Agentและ  Geolocation เว็บเบราว์เซอร์ Edge^(Edge) ( Chromium ) ใหม่สามารถช่วยได้! มาดูวิธีการเปลี่ยน

1. User-Agent ใน Edge Developer Tools
2. ตำแหน่งทางภูมิศาสตร์ในเครื่องมือสำหรับนักพัฒนา Edge

สำหรับข้อมูลของคุณMODEและDISPLAYมีอยู่ในEdge HTMLแต่ไม่มีในEdge Chromium^{(Edge Chromium)}

นี่คือกระบวนการที่สมบูรณ์

1] User-Agent ในเครื่องมือสำหรับนักพัฒนา Edge^{(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ได้รับการกำหนดค่าให้ ' เลือกโดยอัตโนมัติ^{(Select automatically’)} '

ยกเลิกการเลือกตัวเลือกนี้เพื่อเลือกการตั้งค่าแบบกำหนดเอง เลือก^(Select) ' กำหนดเอง'^{(Custom’ )}จากเมนูแบบเลื่อนลง

เลือกตัวเลือกที่ต้องการสำหรับเบราว์เซอร์เดสก์ท็อป ไม่จำเป็นต้องรีบูตเพื่อบันทึกการตั้งค่าใหม่ หน้าของคุณควรโหลดซ้ำเพื่อใช้ตัวแทนผู้ใช้ที่กำหนดเองโดยอัตโนมัติ

2] ตำแหน่งทางภูมิศาสตร์^{(Geolocation)}ในเครื่องมือสำหรับนักพัฒนา Edge^{(Edge Developer Tools)}

หากคุณมีเว็บไซต์เฉพาะประเทศหรือต้องการตรวจสอบเว็บไซต์เฉพาะประเทศ คุณสามารถใช้คุณลักษณะนี้เป็นเว็บพรอกซีได้ คุณสามารถเปลี่ยนตำแหน่งทางภูมิศาสตร์ของคุณ และดูเว็บไซต์ใดก็ได้ สำหรับสิ่งนี้,

คลิกที่ ' เครื่องมือเพิ่มเติม^{(More tools)} ' ใต้แท็บ ' คอนโซล ' และเลือกตัวเลือก ' ^(Console)เซ็นเซอร์^(Sensors) '

จากนั้น ภายใต้ ' ตำแหน่งทาง ภูมิศาสตร์^{(Geolocations)} ' ให้คลิก ' จัดการ^(Manage) '

ตอนนี้ เลือกภูมิภาคที่ต้องการแล้วกดแท็บ ' เพิ่มสถานที่ '^{(Add location)}

เรียนรู้เกี่ยวกับเครื่องมือเครือข่ายในเครื่องมือสำหรับนักพัฒนา F12 ของเบราว์เซอร์ 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 designеr or a developer, you can build webѕite templates and сheck for its compatibility as the all-new Edgе browser from Microѕoft is еquipped with several developer tools. Also, you can ѕwitch to a different user agent and change geolocation to emulate another browser in order to bypass certain websіte restrictions that сoncern a specific app. So, in this рost, 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

• Bulk install Windows apps กับ Winstall สำหรับ Windows Package Manager

• การแจ้งเตือน Visualizer ให้คุณทดสอบการแจ้งเตือนของแอพ

• เคล็ดลับในการใช้ Inspect Element ของ Google Chrome browser

• Manage legacy Web Apps กับ Microsoft's Enterprise Mode Site List Portal

• Best Free PHP IDE สำหรับ Windows 10

• ภาษา R programming คืออะไรและทำไมคุณควรใช้ RStudio

• ตรวจสอบรหัสของคุณสำหรับข้อผิดพลาดกับ Code Compare สำหรับ Windows 10

• เว็บไซต์ที่ช่วยให้คุณเรียนรู้การเล่น Code การเล่น Games และสนุกสนาน

• Alternate Text Browser ให้คุณเรียกดูภาษา Programming หลายภาษา

• วิธีเปิดใช้งาน Developer Mode ใน Windows 11/10

• วิธีปิดใช้งาน Geolocation ใน Firefox, Chrome, และ Edge

• Redwood Resource Extractor: แยกทรัพยากรจากไฟล์ EXE

• Xamarin คืออะไร มันช่วยในการข้ามแพลตฟอร์มมือถือ app development ได้อย่างไร

• วิธีการดาวน์โหลดไฟล์จาก Github และดู

• โหมดนักพัฒนาซอฟต์แวร์ Chrome คืออะไรและมีประโยชน์อย่างไร?