웹 디자이너 또는 개발자라면 웹 사이트 템플릿을 구축하고 호환성을 확인할 수 있습니다 . Microsoft 의 완전히 새로운 ^(Microsoft)Edge 브라우저 에는 여러 개발자 도구가 탑재되어 있기 때문입니다. 또한 특정 앱과 관련된 특정 웹사이트 제한을 우회하기 위해 다른 사용자 에이전트로 전환하고 지리적 위치를 변경하여 다른 브라우저를 에뮬레이트할 수 있습니다. 따라서 이 게시물에서는 Edge 개발자 도구^{(Edge Developer Tools)} 에서 사용자 에이전트^{(User Agent )} 및  지리적 위치^{(Geolocation)} 를 변경하는 프로세스를 안내합니다 .

일반 인터넷^(Internet) 사용자에게 Microsoft Edge 는 멋진 브라우저처럼 보입니다. 당신이 Windows 10 을 사용하고 있다면 , 당신은 확실히 Microsoft Edge 를 좋아할 것 입니다. 동시에 웹 디자이너 또는 개발자가 웹 사이트 템플릿을 구축하고 다양한 브라우저와 해상도에서 템플릿을 확인하여 호환성을 확인해야 하는 경우 이 새로운 웹 브라우저도 도움이 될 수 있습니다. Internet Explorer , Chrome 및 Firefox 와 마찬가지로 이^(Just) 도구에는 여러 개발자 도구가 포함되어 있으며 사용자 에이전트를 변경할 수 있습니다.

^{(Change User Agent)}Edge 개발자 도구^{(Edge Developer Tools)} 에서 사용자 에이전트 및 지리적 위치 변경^{(Geolocation)}

다양한 브라우저에서 호환성을 확인하기 위해 웹 사이트 템플릿을 자주 만드는 웹 디자이너 또는 개발자라면 종종 User-Agent 및  Geolocation을 변경해야 합니다. ^{(Geolocation. )}새로운 Edge ( Chromium ) 웹 브라우저가 도움이 될 수 있습니다! 변경하는 방법을 알아보겠습니다.

1. Edge 개발자 도구의 사용자 에이전트
2. Edge 개발자 도구의 지리적 위치

참고로 MODE 및 DISPLAY 는 Edge HTML 에서 사용할 수 있었지만 Edge Chromium 에는 없습니다 .

다음은 전체 프로세스입니다.

1] Edge 개발자 도구^{(Edge Developer Tools)} 의 사용자 에이전트

Microsoft Edge 가 ^{(Microsoft Edge)}EdgeHTML 에서 Chromium 으로 의 마이그레이션을 완료 했기 때문에 사용자 에이전트를 변경하는 것은 이제 다른 프로세스입니다!

' 설정 등^{(Settings & more)} ' > ' 추가 도구^{(More tools)} ' > ' 개발자 도구 ^{(Developer Tools)}'^{(Developer Tools)} 를 클릭하여 ' 개발자 도구 ' 를 실행 하십시오 .

개발자^(Developer) 도구 메뉴에서 '점 3개로 된 메뉴'를 클릭 하고 '^{(three-dot menu’ , )} 도구 더보기' ^{(More tools’)} > ‘네트워크 조건'으로 이동합니다.^{(Network conditions’.)}

여기에서 아래로 스크롤하여 화면 하단이 보이도록 합니다.

Microsoft Edge 가 ' ^{(Microsoft Edge)}자동으로 선택^{(Select automatically’)} '으로 구성되어 있음을 알 수 있습니다.

사용자 정의 설정을 선택하려면 이 옵션의 선택을 취소하십시오. 드롭다운 메뉴에서 ' 사용자 지정' 을 ^{(Custom’ )}선택 합니다.^(Select)

데스크탑 브라우저에 대해 원하는 옵션을 선택하십시오. 새 설정을 저장하기 위해 재부팅할 필요가 없습니다. 사용자 지정 사용자 에이전트를 자동으로 적용하려면 페이지를 다시 로드해야 합니다.

2] Edge 개발자 도구^{(Edge Developer Tools)} 의 지리적 위치^{(Geolocation)}

국가별 웹사이트가 있거나 국가별 웹사이트를 확인하려는 경우 이 기능을 웹 프록시로 사용할 수 있습니다. 지리적 위치를 변경하고 모든 웹사이트를 확인할 수 있습니다. 이를 위해,

' 콘솔^(Console) ' 탭 에서 ' 추가 도구^{(More tools)} '를 클릭하고 ' 센서^(Sensors) ' 옵션을 선택하십시오.

그런 다음 ' 지리적 위치 ' 아래에서 ' ^{(Geolocations)}관리^(Manage) ' 를 클릭하십시오 .

이제 원하는 지역을 선택하고 ' 위치 추가^{(Add location)} ' 탭을 누르십시오.

다음 으로 Microsoft Edge 브라우저의 F12 개발자 도구에서 네트워크 도구에^{(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 thе all-new Edge browser from Microsoft is equipped with several developer tools. Also, you can switch to a different υser agent and change geolocation to emulate another browser in order to bypass certain website restrіctions thаt conсern a specіfіc app. So, in this post, we’ll walk you through the procesѕ 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

• Registry or Group Policy을 사용하여 Edge에서 Developer Tools 사용 중지

• F12 keyboard Microsoft Edge Developer Tools의 바로 가기 사용 안 함

• Developer Tools을 사용하여 Chrome or Edge의 특정 사이트에 대한 Site Data 명확한 Site Data

• Identify Chrome의 글꼴, Developer Tools를 사용한 Edge and Firefox

• Teach Kids Microsoft에서 다음 Tools and Programs을 사용하는 Code

• Firefox, Chrome 및 Edge에서 Geolocation를 비활성화하는 방법

• Manage legacy Microsoft의 Enterprise Mode Site List Portal가있는 웹 앱

• Xamarin은 무엇입니까? 크로스 플랫폼 모바일 app development에서 어떻게 도움이됩니까?

• Chrome 개발자 모드란 무엇이며 용도는 무엇인가요?

• Python 프로그래밍 언어는 무엇입니까?

• Google Chrome browser의 Inspect Element 사용에 대한 팁

• Edge, Chrome, Firefox에서 User name and Profile image을 변경하는 방법

• 방법 Download and Install Code :: Windows 10의 블록

• Windows 10의 경우 Code Compare로 오류에 대한 코드를 확인하십시오

• GTK+ Runtime Environment 란 무엇입니까? 왜 PC need는 그것을합니까?

• Redwood Resource Extractor : EXE 파일에서 자원을 추출합니다

• 모든 개발자가 사용해야하는 Windows 10의 최고의 코드 편집자

• Windows 10의 Best Free C++ IDE

• 모든 웹 사이트 또는 웹 응용 프로그램에 대한 기본 Windows app을 만드는 방법

• PerfView는 Microsoft의 Performance Analysis & 프로파일 링 도구입니다