Webデザイナーまたは開発者の場合、Microsoftのまったく新しい^(Microsoft)Edgeブラウザーにはいくつかの開発者ツールが装備されているため、Webサイトテンプレートを作成して互換性を確認できます。また、特定のアプリに関連する特定のWebサイトの制限を回避するために、別のユーザーエージェントに切り替え、ジオロケーションを変更して別のブラウザーをエミュレートすることもできます。そのため、この投稿では、 EdgeDeveloperTools^{(Geolocation)}でユーザーエージェント^{(User Agent )}と ジオロケーションを変更するプロセスについて説明します^{(Edge Developer Tools)}。

通常のインターネット^(Internet)ユーザーにとって、MicrosoftEdgeは素晴らしいブラウザのように見えます。Windows 10を使用している場合は、確かにMicrosoftEdgeが気に入っているはずです。同時に、Webデザイナーまたは開発者であり、Webサイトのテンプレートを作成し、さまざまなブラウザーと解像度でテンプレートをチェックして互換性を確認する必要がある場合は、この新しいWebブラウザーも役立ちます。Internet Explorer、Chrome、Firefoxと^(Firefox)同様^(Just)に、このツールにはいくつかの開発者ツールが含まれており、ユーザーエージェントを変更できます。

^{(Change User Agent)}Edge開発者ツール^{(Edge Developer Tools)}でのユーザーエージェントとジオロケーションの変更^{(Geolocation)}

さまざまなブラウザでの互換性を確認するためにWebサイトテンプレートを頻繁に作成するWebデザイナーまたは開発者の場合、多くの場合、User-Agentと Geolocationを変更する必要があります。^{(Geolocation. )}新しいEdge（Chromium）Webブラウザが役立ちます！変更する方法を見てみましょう、

1. Edge開発者ツールのユーザーエージェント
2. Edge開発者ツールでのジオロケーション

参考までに、MODEとDISPLAYはEdge HTMLで使用できましたが、 ^{(Edge HTML)}EdgeChromiumにはありません。

これが完全なプロセスです。

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’.)}

ここで、下にスクロールして画面の下部を表示します。

MicrosoftEdgeが「^{(Microsoft Edge)}自動的に選択^{(Select automatically’)}」するように構成されていることに気付くでしょう。

カスタム設定を選択するには、このオプションのチェックを外します。ドロップダウンメニューから[カスタム]^{(Custom’ )}を選択します。^(Select)

デスクトップブラウザに必要なオプションを選択します。新しい設定を保存するために再起動する必要はありません。カスタムユーザーエージェントを自動的に適用するには、ページをリロードする必要があります。

2] Edge開発者ツール^{(Edge Developer Tools)}でのジオロケーション^{(Geolocation)}

国別のWebサイトがある場合、または国別のWebサイトを確認したい場合は、この機能をWebプロキシとして使用できます。地理的位置を変更して、任意のWebサイトをチェックアウトできます。このため、

「コンソール^(Console)」タブの下の「その他のツール^{(More tools)}」をクリックし、 「センサー^(Sensors)」オプションを選択します。

次に、[ジオロケーション]の下の[^{(Geolocations)}管理^(Manage)]をクリックします。

次に、目的の地域を選択し、[場所の追加^{(Add location)}]タブをクリックします。

次に、MicrosoftEdgeブラウザの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 templatеs and check for its compatibility as the all-new Edge browser from Microsoft is equipped with sevеral developer toоls. Also, you cаn switch to a different user agent аnd changе geolocation to emulate another browser in order to bypass cеrtain webѕite restrictions that concern a specific apр. So, in this pоѕt, we’ll walk you thrоugh the prоcess 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

• EdgeでEdgeを使用してRegistry or Group Policyを使用して無効にします

• F12 keyboard Microsoft Edge Developer Toolsのショートカットを無効にします

• Chrome or Edgeで特定のサイトのための明確なSite Data Developer Toolsを使用して

• Identify Chrome、Edge and Firefoxのフォント

• Teach KidsからCodeへのTools and ProgramsからMicrosoftまで

• Google Chrome browserのInspect Elementの使用に関するヒント

• 無料でCoding onlineを学ぶための最良のウェブサイト

• Firefox、Chrome、およびEdgeのGeolocationを無効にする方法

• Edge、Chrome、FirefoxでUser name and Profile imageを変更する方法

• MicrosoftのEnterprise Mode Site List PortalとManage legacy Webアプリケーション

• 拡張機能をインストールせずにブラウザのユーザーエージェントを変更する方法

• Best Free PHP IDE用Windows 10

• PerfViewがMicrosoftからPerformance Analysis＆プロファイリングツールです

• Git Explorerでは、ここにある一箇所にあるすべてのGit Commandsを探します

• 開発者のためのBest無料Xampp Server選択肢

• XAMARINとは何ですか？クロスプラットフォームモバイルapp developmentにどのように役立ちますか？

• WindowsでDocker Desktopを設定して使用する方法

• Githubからファイルをダウンロードしてそれらを表示する方法

• 初心者プログラマーのための5つの最高のプロジェクト

• 通知Visualizerを使用すると、アプリの通知をテストできます