Как изменить пользовательский агент и геолокацию в Edge Developer Tools

Если вы веб-дизайнер или разработчик, вы можете создавать шаблоны веб-сайтов и проверять их совместимость, поскольку совершенно новый браузер Edge от (Edge)Microsoft оснащен несколькими инструментами разработчика. Кроме того, вы можете переключиться на другой пользовательский агент и изменить геолокацию, чтобы эмулировать другой браузер, чтобы обойти определенные ограничения веб-сайта, касающиеся определенного приложения. Итак, в этом посте мы познакомим вас с процессом изменения агента пользователя(User Agent ) и  геолокации(Geolocation) в Edge Developer Tools .

Для обычного пользователя Интернета (Internet)Microsoft Edge кажется отличным браузером. Если вы используете Windows 10 , вам наверняка понравится Microsoft Edge . В то же время, если вы веб-дизайнер или разработчик, создаете шаблоны веб-сайтов и вам нужно проверить свой шаблон в различных браузерах и разрешениях, чтобы выяснить совместимость, этот новый веб-браузер также может помочь. Так же(Just) , как Internet Explorer , Chrome и Firefox , этот инструмент содержит несколько инструментов разработчика и позволяет изменять пользовательский агент.

Изменить агент пользователя(Change User Agent) и геолокацию(Geolocation) в Edge Developer Tools

Если вы веб-дизайнер или разработчик, который часто создает шаблоны веб-сайтов для проверки их совместимости в различных браузерах, вам часто потребуется изменить User-Agent и  Geolocation. Новый веб-браузер Edge ( Chromium ) может помочь! (Chromium)Посмотрим, как измениться,

  1. Пользовательский агент в Edge Developer Tools
  2. Геолокация в Edge Developer Tools

К вашему сведению, MODE и DISPLAY были доступны в Edge HTML , но их нет в Edge Chromium .

Вот полный процесс.

1] Пользовательский агент в инструментах разработчика 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’) .

Изменить пользовательский агент, геолокацию в Edge Developer Tools

Снимите этот флажок, чтобы выбрать пользовательскую настройку. Выберите(Select) « Пользовательский»(Custom’ ) в раскрывающемся меню.

Выберите нужный вариант для настольных браузеров. Нет необходимости перезагружаться, чтобы сохранить новые настройки. Ваши страницы должны перезагрузиться для автоматического применения пользовательского агента.

2] Геолокация(Geolocation) в 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) далее.



About the author

Я инженер-программист с более чем 10-летним опытом работы с Apple iOS и периферийными устройствами. Мой опыт в разработке аппаратного обеспечения заставляет меня стремиться к тому, чтобы устройства наших клиентов были максимально надежными и плавными. Последние несколько лет я пишу код и научился использовать Git, Vim и Node.js.



Related posts