Меню

Клиент средств разработчика для microsoft edge что это

Что нового в средствах разработчика (Microsoft Edge 88) What’s New in DevTools (Microsoft Edge 88)

В следующих разделах перечислить объявления из команды Microsoft Edge DevTools. The following sections list the announcements from the Microsoft Edge DevTools team. Чтобы попробовать новые функции в DevTools, microsoft Visual Studio расширения кода и другие, просмотрите объявления. To try new features in the DevTools, Microsoft Visual Studio Code extensions, and more, review the announcements. Чтобы оставаться в курсе последних и наиболее доступных функций в средствах разработчика, скачайте каналы предварительного просмотра Microsoft Edge и следуйте команде Microsoft Edge DevTools в Twitter. To stay up to date with the latest and greatest features in your developer tools, download the Microsoft Edge preview channels and follow the Microsoft Edge DevTools team on Twitter.

Microsoft Edge и Microsoft Edge Driver теперь доступны в Linux Microsoft Edge and Microsoft Edge Driver now available on Linux

Microsoft Edge Dev теперь поддерживается в дистрибутивах Ubuntu, Debian, Fedora и openSUSE. Microsoft Edge Dev is now supported on Ubuntu, Debian, Fedora, and openSUSE distributions. Скачайте и установите пакет Microsoft Edge Dev .deb или .rpm непосредственно с сайта программы предварительной оценки Microsoft Edge или используйте стандартные средства управления пакетами своего дистрибутива Linux. Download and install the Microsoft Edge Dev .deb or .rpm package directly from the Microsoft Edge Insider site or use the standard package management tools of your Linux distribution.

Если вы используете среду Linux в решениях непрерывной интеграции и доставки (CI/CD), Microsoft Edge Driver также доступен в Linux. If you are using a Linux environment in your continuous integration and delivery (CI/CD) solutions, Microsoft Edge Driver is also available on Linux. Чтобы начать автоматизацию Microsoft Edge Dev с использованием Microsoft Edge Driver, перейдите на страницу загрузок Microsoft Edge Driver. To get started automating Microsoft Edge Dev with Microsoft Edge Driver, navigate to Microsoft Edge Driver Downloads page. Справку по автоматизации Microsoft Edge Dev вместе с Microsoft Edge Driver см. в статье [Использование WebDriver (Chromium) для автоматизации тестов][WebDriverChromiumMain]. For help with automating Microsoft Edge Dev along with Microsoft Edge Driver, navigate to [Use WebDriver (Chromium) for test automation][WebDriverChromiumMain].

Средства разработчика в Microsoft Edge в Linux DevTools in Microsoft Edge on Linux

Улучшенные советы webhint и платформы в средстве «Проблемы» Improved webhint and platform tips in the Issues tool

Средство с открытым кодом webhintпредоставляет отзывы в режиме реального времени для веб-сайтов и локальных веб-страниц. An open-source tool, webhint, provides real-time feedback for websites and local webpages. С [Microsoft Edge версии 85][WhatsNew202006DevtoolsWebhintFeedbackInTheIssuesPanel] отзывы webhint доступны в средстве [Проблемы][DevtoolsIssuesIndex]. Starting with [Microsoft Edge version 85][WhatsNew202006DevtoolsWebhintFeedbackInTheIssuesPanel], review webhint feedback in the [Issues][DevtoolsIssuesIndex] tool. Проблемы, отображаемые в средстве Проблемы, теперь проще просматривать благодаря добавлению следующих категорий. Issues that appear in the Issues tool are now easier to review with the addition of the following categories.

Теперь вы можете отфильтровать сторонние проблемы с помощью новой галочки. You are now able to filter out third-party issues using a new checkbox. Функция фильтрации помогает скрыть проблемы, связанные с кодом сторонних библиотек или других источников. The filter functionality helps you hide issues related to code from third-party libraries or other sources.

Чтобы помочь с просмотром проблем, выявленных инструментом webhint, средство Проблемы теперь отображает следующую информацию. To help you review issues revealed by webhint, the Issues tool now displays the following information.

  • Улучшенные фрагменты кода. Improved code snippets.
  • Ссылки на другие связанные панели. Links to other relevant panels.
  • Ссылки на документацию по устранению проблем на вашем веб-сайте. Links to documentation to help you fix problems in your website.

Средство Проблемы Issues tool

Составные слои теперь находятся в трехмерном представлении Composited Layers are now in 3D View

Теперь вы можете визуализировать содержимое Слои вместе со значениями z-index и объектной моделью документов (DOM). You may now visualize Layers content alongside z-index values and the Document Object Model (DOM). Эта функция помогает выполнять отладку без частого переключения между средствами Трехмерное представление и Слои. This feature helps you debug without switching between the 3D view and Layers tools as often. Для обеспечения комплексного визуального интерфейса отладки трехмерное представление и составные слои теперь объединены. For a comprehensive visual debugging experience, the 3D View and Composited Layers are now combined.

Панель Составные слои Composited Layers pane

Определения переменных CSS в панели «Стили» CSS variable definitions in Styles pane

В панели Стили переменные CSS теперь связаны непосредственно с каждым определением. In the Styles pane, CSS variables now link directly to each definition. Выберите переменную, чтобы легко просмотреть или изменить определение переменной CSS. Choose the variable to easily view or change the CSS variable definition. В этом примере средства разработчика отображают атрибуты CSS для элемента body . In the example, DevTools displays the CSS attributes for the body element. Чтобы отобразить определение переменной CSS —theme-body-background , выполните следующие действия. To display the variable definition for the —theme-body-background CSS variable, complete the following actions.

  1. В области Стили выберите var(—theme-body-background) . In the Styles pane, choose var(—theme-body-background) .
  2. В области Стили отобразится определение переменной CSS —theme-body-background . The Styles pane now displays the definition of the —theme-body-background CSS variable.

Переменная CSS, связанная со стилем CSS variable linked to the style

Переменная CSS, связанная с целевым объектом стиля CSS variable linked to style target

Улучшения отладки служебного сценария Service worker debugging improvements

Следующие новые функции средств Сеть, Приложение и Источники помогают создавать PWA. The following new features in the Network, Application, and Sources tools help you build your PWA. Используйте следующие функции, если у вас возникли трудности при отладке служебного сценария. Use the following features when you have difficulty debugging your service worker.

Маршрутизация запросов отображает события startup и fetch , основанные на сетевых запросах, выполняемых в служебных сценариях. Request routing displays the startup and fetch events based on the network requests that run through service workers. Временные шкалы доступны в средстве Приложение или Сеть. The timelines are accessed from either the Application or Network tool. Временные шкалы удобно использовать, если у вас возникли проблемы со служебными сценариями и вы хотите проверить наличие ошибок в событиях startup или fetch . The timelines help when you are having trouble with service workers and want to display if something is wrong with the startup or fetch event.

Средство «Приложение» Application tool

Просматривайте все сведения о маршрутизации запросов служебных сценариев с помощью новой ссылки Сетевые запросы. View all service worker request routing information with the new Network requests link. Чтобы отобразить дополнительный контекст при отладке служебного сценария, выполните следующие действия. To display additional context when debugging the service worker, complete the following actions.

Выберите Приложение > Служебные сценарии. Navigate to Application > Service Workers.

Нажмите Сетевые запросы. Choose Network requests.

Открытие средства Сеть из панели Служебные сценарии Open Network tool from the Service Workers pane

Средство Сеть открывается в консоли и отображает все сетевые запросы, связанные со служебными сценариями. The Network tool opens in the drawer and displays all service worker-related network requests. Сетевые запросы фильтруются с помощью is:service-worker-intercepted . The network requests are filtered using is:service-worker-intercepted .

Средство Сеть в консоли Network tool in drawer

Чтобы вернуть средство Сеть на верхнюю панель, закройте консоль. To return the Network tool to the top panel, close the drawer.

Средство «Сеть» Network tool

Выполняйте отладку сетевых запросов, выполняемых в служебных сценариях. Debug network requests that run through service workers. Вы также можете открывать сетевые запросы в средстве Приложение. You may also open network requests from the Application tool. Для каждого запроса средства разработчика отображают следующие сведения в панели [Время][DevtoolsNetworkReferenceViewTimingBreakdownRequest]. For each request, DevTools display the following information in the [Timing][DevtoolsNetworkReferenceViewTimingBreakdownRequest] pane.

  • Начало запроса и длительность начальной загрузки. The start of a request and duration of the bootstrap.
  • Изменения регистрации служебных сценариев. Changes to service worker registration.
  • Время выполнения обработчика события fetch . The runtime of a fetch event handler.
  • Время выполнения всех событий fetch для загрузки клиента. The runtime of all fetch events for loading a client.

Панель Время Timing pane

Средство «Источники» Sources tool

В предыдущих версиях Microsoft Edge глубина в стеке вызовов была ограничена кодом JavaScript в вашем служебном сценарии. In previous versions of Microsoft Edge, the level of depth in the call stack was limited to the JavaScript code in your service worker. Теперь в Microsoft Edge 88 стек вызовов отображает инициатора запросов, выполняемых в служебном сценарии. In Microsoft Edge 88, the call stack now displays the initiator of requests that run through your service worker.

Чтобы найти инициатора запроса, используйте стек вызовов своего кода JavaScript в служебном сценарии. To locate the initiator of the request, use the call stack of your JavaScript code in the service worker. Стек вызовов на следующих рисунках начинается с кода JavaScript в вашем служебном сценарии и отображает ссылку на исходный запрос веб-страницы как (index):157 . The call stack in the following figures starts with the JavaScript code in your service worker and displays a reference to the original webpage request as (index):157 . На втором рисунке выбрана ссылка и открыт инициатор, выполнивший запрос. In the second figure, the reference is chosen and opened the initiator that made the request. Инициатором на втором рисунке является веб-страница. The initiator in the second figure is the webpage.

Файл service-worker.js и стек вызовов с выделением инициатора запроса The service-worker.js file and call stack highlighting request originator

Веб-страница (index) является инициатором запроса The (index) webpage is the request initiator

Копирование значения свойства сетевого запроса Copy property value of a network request

В средстве Сеть скопируйте значение свойства сетевого запроса с помощью нового параметра Копировать значение. In the Network tool, copy the property value of a network request using the new Copy value option. Значение свойства копируется в виде декодированного значения JSON. The property value is copied as a decoded JSON value. В предыдущих версиях Microsoft Edge вам приходилось копировать значение с помощью одного из следующих действий. In previous versions of Microsoft Edge, you had to copy a value using one of the following actions.

  • Выделение всего текста и его копирование. Highlight the entire text and copy it.
  • Сохранение значения в качестве глобальной переменной (если применимо) и копирование его из вкладки Консоль средств разработчика. Store the value as global variable, as applicable, and copy it from the DevTools Console.
Читайте также:  Мобилизация свободных денежных средств населения осуществляется каким банком

Сведения о копирования значения свойства в буфер обмена см. в разделе[Копирование форматированного отклика JSON в буфер обмена][DevtoolsNetworkReferenceCopyFormattedResponseJsonClipboard]. To copy the property value to your clipboard, navigate to [Copy formatted response JSON to the clipboard][DevtoolsNetworkReferenceCopyFormattedResponseJsonClipboard]. Чтобы просмотреть историю этой функции в проекте с открытым исходным кодом Chromium, перейдите к проблеме [1132084][CR1132084]. To review the history of this feature in the Chromium open-source project, navigate to Issue [1132084][CR1132084].

Копирование значения свойства в средствах разработчика Copy property value in DevTools

Вставка значения свойства в Microsoft Visual Studio Code Paste property value in Microsoft Visual Studio Code

Настройка сочетания клавиш с несколькими нажатиями Customize multi-press keyboard shortcuts

С Microsoft Edge версии 87 вы можете настраивать сочетания клавиш для любого действия в средствах разработчика. Since Microsoft Edge version 87, you may customize keyboard shortcuts for any action in DevTools. В Microsoft Edge версии 88 теперь можно создавать сочетания клавиш с несколькими нажатиями. In Microsoft Edge version 88, you may now create multi-press keyboard shortcuts. Чтобы настроить сочетание клавиш для действия в средствах разработчика, перейдите в раздел Параметры > Эксперименты и установите флажок Enable keyboard shortcut editor (Включить редактор сочетания клавиш). To set a shortcut for an action in the DevTools, navigate to Settings > Experiments and choose the checkbox next to Enable keyboard shortcut editor. Дополнительные сведения о настройке и изменении сочетаний клавиш см. в разделе о включении экспериментальной функции редактора сочетания клавиш. For more information about customizing and editing shortcuts, navigate to Enable keyboard shortcut editor Experimental feature.

Например, красное выделение отображает сочетание клавиш с несколькими нажатиями, настроенное для действия Начать запись событий. For example, the red highlight displays a multi-press keyboard shortcut customized for the Start recording events action. Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблеме 174309. To review real-time updates on this feature in the Chromium open-source project, navigate to Issue #174309.

Сочетания клавиш с несколькими нажатиями Multi-press keyboard shortcuts

Средства разработчика теперь соответствуют языку браузера DevTools now match browser language

В Microsoft Edge версии 87, если вы включали параметр Согласовать язык браузера в параметрах средств разработчика, язык средств разработчика не совпадал с языком браузера. In Microsoft Edge version 87, if you turned on the Match browser language setting in DevTools Settings, DevTools did not match the browser language. В Microsoft Edge версии 88 средства разработчика соответствуют языку браузера, если вы включите параметр Согласовать язык браузера. In Microsoft Edge version 88, DevTools now matches the browser language if you turn on the Match browser language setting. Дополнительные сведения о параметре средств разработчика Согласовать язык браузера см. в статье Изменение языковых параметров средств разработчика. For more information about the Match browser language DevTools Setting, navigate to Change DevTools language settings.

Параметр средств разработчика Согласовать язык браузера на японском языке Match browser language DevTools setting in Japanese

Объявления из проекта Chromium Announcements from the Chromium project

В следующих разделах описаны дополнительные возможности, доступные в Microsoft EDGE, которые были задействованы в проекте Open-Source Chromium. The following sections announce additional features available in Microsoft Edge that were contributed to the open-source Chromium project.

Новые средства визуализации угла CSS New CSS angle visualization tools

В средствах разработчика улучшена поддержка отладки угла CSS. DevTools now have better support for CSS angle debugging. Если к элементу HTML на вашей странице применен угол CSS, рядом с углом в средстве Стили отображается значок часов. When an HTML element on your page has CSS angle applied to it, a clock icon is displayed next to the angle in the Styles tool. Чтобы переключить наложение часов, щелкните значок часов. To toggle the clock overlay, choose the clock icon. Чтобы изменить угол, выберите любое место на часах или перетащите стрелку. To change the angle, choose anywhere in the clock or drag the needle. Чтобы изменить значение угла, вы также можете использовать мышь и сочетания клавиш. To change the angle value, you may also use mouse and keyboard shortcuts. Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблемам [1126178][CR1126178] и [1138633][CR1138633]. To review real-time updates on this feature in the Chromium open-source project, navigate to Issues [1126178][CR1126178] and [1138633][CR1138633].

Следующий угол CSS используется в качестве примера. The following CSS angle is used for the example.

Угол CSS CSS angle

Эмуляция размера квоты хранилища в области «Хранилище» Simulate storage quota size in the Storage pane

Теперь вы можете переопределить размер квоты хранилища области Хранилище. You may now override storage quota size in the Storage pane. Эта функция позволяет эмулировать различные устройства и тестировать поведение веб-сайта или приложения в сценариях низкой доступности диска. This feature allows you to simulate different devices and test the behavior of your website or app in low disk availability scenarios. Чтобы эмулировать квоту хранилища, выполните следующие действия. To simulate the storage quota, complete the following actions.

  1. Выберите Приложение >Хранилище. Navigate to Application >Storage.
  2. Установите флажок Эмулировать настраиваемую квоту хранилища. Turn on the Simulate custom storage quota checkbox.
  3. Введите допустимое число. Enter a valid number.

Дополнительные сведения о том, как эмулировать мобильные устройства и другие функции в средствах разработчика, см. в статье Эмуляция мобильных устройств в средствах разработчика Microsoft Edge. For more information about how to emulate mobile devices and other features in the DevTools, navigate to Emulate mobile devices in Microsoft Edge DevTools . Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблемам 945786 и [1146985][CR1146985]. To review real-time updates on this feature in the Chromium open-source project, navigate to Issues 945786 and [1146985][CR1146985].

Эмуляция размера квоты хранилища Simulate storage quota size

Отчет об ошибках CORS в средстве «Сеть» Report CORS errors in the Network tool

Попробуйте эту функцию, перейдя к демонстрации ошибки CORS. Try out this feature by navigating to CORS error demo. Откройте средство Сеть, обновите страницу и наблюдайте за сбоем сетевого запроса CORS. Open the Network tool, refresh the page, and observe the failed CORS network request. В столбце состояния отображается ошибка CORS. The status column displays the CORS error. При наведении курсора на ошибку теперь отображается код ошибки. When you hover on the error, the tooltip now displays the error code. В Microsoft Edge версии 87 и более ранних версиях средства разработчика отображали только общее состояние (сбой) для ошибок CORS. In Microsoft Edge version 87 and earlier, DevTools only displayed generic (failed) status for CORS errors. Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблеме [1141824][CR1141824]. To review real-time updates on this feature in the Chromium open-source project, navigate to Issue [1141824][CR1141824].

Ошибки CORS CORS errors

Обновления представления сведений о фрейме Frame details view updates

Сведения об изоляции между источниками в представлении сведений о фрейме Cross-origin isolation information in the Frame details view

Теперь состояние изоляции между источниками отображается в разделе Безопасность и изоляция. The cross-origin isolated status is now displayed under the Security & Isolation section. В новом разделе Доступность API отображается доступность SharedArrayBuffer s (SAB) и возможность совместного использования буферов с помощью postMessage() . The new API availability section displays the availability of SharedArrayBuffer s (SAB) and whether the buffers may be shared using postMessage() . Если в настоящее время SAB и postMessage() доступны, но контекст не изолирован между источниками, отображается предупреждение о прекращении поддержки. A deprecation warning displays if the SAB and postMessage() is currently available, but the context is not cross-origin isolated. Дополнительные сведения об изоляции между источниками и о причине ее необходимости для таких функций, как SharedArrayBuffers , см. в разделе WindowOrWorkerGlobalScope.crossOriginIsolated. For more information about cross-origin isolation and why it is required for features like SharedArrayBuffers , navigate to WindowOrWorkerGlobalScope.crossOriginIsolated. Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблеме [1139899][CR1139899]. To review real-time updates of this feature in the Chromium open-source project, navigate to Issue [1139899][CR1139899].

Информация о взаимодействии источников Cross-origin information

Сведения о новых рабочих веб-процессах в представлении сведений о фрейме New Web Workers information in the Frame details view

Средства разработчика теперь упорядочивают рабочие веб-процессы в соответствующем родительском фрейме. DevTools now organizes web workers under the relevant parent frame. Например, если фрейм someName создает worker.js , worker.js отображается в разделе someName в списке Кадры. For example, if the someName frame creates worker.js , then worker.js appears under someName in the Frames list. Чтобы просмотреть сведения о рабочем веб-процессе, выполните следующие действия. To view the details of the web worker, complete the following actions.

  1. Откройте средство Приложение. Open Application tool.
  2. Разверните фрейм, содержащий рабочие веб-процессы. Expand a frame that contains web workers.
  3. Разверните дерево Рабочие процессы. Expand the Workers tree.
  4. Выберите рабочий процесс. Choose a worker.

Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблемам [1122507][CR1122507] и 1051466. To review real-time updates on this feature in the Chromium open-source project, navigate to Issues [1122507][CR1122507] and 1051466.

Сведения о рабочих веб-процессах Web workers information

Отображение сведений об открывающем фрейме для открытых окон Display opener frame details for opened windows

Средства разработчика теперь упорядочивают открытые окна в соответствующем родительском фрейме. DevTools now organizes opened Windows under the relevant parent frame. Например, если фрейм top открывает Window для https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium , Window отображается в разделе top в списке Кадры. For example, if the top frame opens a Window to https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium , then the Window appears under top in the Frames list.

Читайте также:  Как понизить соэ в крови у мужчин народными средствами

Чтобы открыть в средстве Элементы фрейм, отвечающий за открытие другого окна, выполните следующие действия. To reveal the frame responsible for opening another Window in the Elements tool, complete the following actions.

  1. Откройте дерево Кадры. Open the Frames tree.
  2. Разверните узел Открытые окна и выберите Window для родительского фрейма, сведения о котором вам нужны. Expand Opened Windows and choose the Window for the parent frame you want to know.
  3. Щелкните ссылку Открывающий фрейм. Choose the Opener Frame link.

Отобразятся сведения о том, какой фрейм вызвал открытие другого объекта Window . The details are displayed about which frame caused the opening of another Window . Чтобы отобразить открывающий элемент с средстве Элементы, выполните следующие действия. To reveal the opener in the Elements tool, complete the following actions.

  1. Откройте дерево Кадры. Open the Frames tree.
  2. Выберите открытое окно, чтобы открыть сведения об элементе Window . Choose an opened window to open the Window details.
  3. Щелкните ссылку Открывающий фрейм. Choose the Opener Frame link.

Чтобы просмотреть историю этой функции в проекте с открытым исходным кодом Chromium, перейдите к проблеме [1107766][CR1107766]. To review the history of this feature in the Chromium open-source project, navigate to Issue [1107766][CR1107766].

Сведения об открытом фрейме Opened frame details

Копирование трассировки стека для инициатора сети Copy stacktrace for network initiator

Чтобы скопировать трассировку стека в буфер обмена, выполните следующие действия. To copy the stacktrace to your clipboard, complete the following actions.

  1. Откройте контекстное меню (щелкните правой кнопкой мыши). Open the contextual menu (right-click).
  2. Выберите Копировать >Копировать трассировку стека. Choose Copy >Copy stacktrace.

Чтобы просмотреть историю этой функции в проекте с открытым исходным кодом Chromium, перейдите к проблеме [1139615][CR1139615]. To review the history of this feature in the Chromium open-source project, navigate to Issue [1139615][CR1139615].

Копирование трассировки стека Copy stacktrace

Просмотр значения переменной Wasm при наведении указателя мыши Preview Wasm variable value on mouseover

Используйте эту функцию для просмотра значения переменной WebAssembly (Wasm) при приостановке кода. Use this feature to review the value of a WebAssembly (Wasm) variable when your code is paused. Чтобы отобразить текущее значение переменной, наведите курсор на нее. To display the current value of a variable, hover on a variable. Чтобы просмотреть обновления этой функции в режиме реального времени в проекте с открытым исходным кодом Chromium, перейдите к проблемам 1058836 и 1071432. To review real-time updates on this feature in the Chromium open-source project, navigate to Issues 1058836 and 1071432.

Просмотр переменной Wasm при наведении указателя мыши Preview Wasm variable on mouseover

Согласованные единицы измерения для размеров файлов и памяти Consistent units of measurement for sizes of files and memory

Средства разработчика теперь согласованно используют kB для отображения размеров файлов и памяти. DevTools now consistently use kB for displaying sizes of files and memory. Предыдущие средства смешивали использование kB и KiB . Previously DevTools mixed kB and KiB .

  • kB или килобайт (10^3 или 1000 байт) or kilobyte (10^3 or 1000 bytes)
  • KiB или кибибайт (2^10 или 1024 байт) or kibibyte (2^10 or 1024 bytes)

Например, средство Сеть ранее использовало kB в метках, но KiB — в вычислениях. For example, the Network tool previously used kB in the labels, but used KiB in calculations. Ваши отзывы показали, что это несоответствие приводило к путанице. Your feedback showed that this inconsistency caused confusion. Чтобы просмотреть историю этой функции в проекте с открытым исходным кодом Chromium, перейдите к проблеме 1035309. To review the history of this feature in the Chromium open-source project, navigate to Issue 1035309.

Скачивание Microsoft Edge предварительных каналов Download the Microsoft Edge preview channels

Если вы используете Windows, Linux или macOS, рассмотрите возможность использования Microsoft Edge предварительных каналов в качестве браузера разработки по умолчанию. If you are on Windows, Linux, or macOS, consider using the Microsoft Edge preview channels as your default development browser. Предварительные каналы предоставляют доступ к новейшим функциям средств разработчика. The preview channels give you access to the latest DevTools features.

Взаимодействие с командой средств разработчика Microsoft Edge Getting in touch with Microsoft Edge DevTools team

Используйте следующие возможности, чтобы обсудить новые функции и изменения в публикации или другие вопросы, связанные с DevTools. Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • Отправьте свой отзыв с помощью значка Отзывы и предложения в DevTools. Send your feedback using the Send Feedback icon in DevTools.
  • Отправьте твит с упоминанием @EdgeDevTools. Tweet at @EdgeDevTools.
  • Отправьте предложение в разделе The Web We Want. Submit a suggestion to The Web We Want.
  • Чтобы сообщить об ошибках в этой статье, используйте следующий раздел Отзывы. To file bugs about this article, use the following Feedback section.

Значок Отзывы и предложения в Microsoft Edge DevTools The Send Feedback icon in Microsoft Edge DevTools

[DevtoolsIssuesIndex]: /microsoft-edge/devtools-guide-chromium/issues/index «Поиск и устранение проблем со средством «Проблемы» средств разработчика Microsoft Edge | Документация Майкрософт»
[DevtoolsNetworkReferenceCopyFormattedResponseJsonClipboard]: /microsoft-edge/devtools-guide-chromium/network/reference#copy-formatted-response-json-to-the-clipboard «Копирование форматированного отклика JSON в буфер обмена — справочник по анализу сети | Документация Майкрософт»
[DevtoolsNetworkReferenceViewTimingBreakdownRequest]: /microsoft-edge/devtools-guide-chromium/network/reference#view-the-timing-breakdown-of-a-request «Просмотр разбивки времени запроса — справочник по анализу сети | Документация Майкрософт»
[WebDriverChromiumMain]: /microsoft-edge/webdriver-chromium «Использование WebDriver (Chromium) для автоматизации тестирования | Документация Майкрософт»

[WhatsNew202006DevtoolsWebhintFeedbackInTheIssuesPanel]: ../06/devtools.md#webhint-feedback-in-the-issues-panel «Отзывы webhint в панели «Проблемы» — что нового в средствах разработчика (Microsoft Edge 85) | Документация Майкрософт»

[CR1107766]: https://crbug.com/1107766 «Проблема 1107766: отображение сведений о фреймах, созданных командой «window.open()», в дереве фреймов | Ошибки Chromium»
[CR1122507]: https://crbug.com/1122507 «Проблема 1122507: получение сведений о рабочем процессе в представлении дерева фреймов | Ошибки Chromium»
[CR1126178]: https://crbug.com/1126178 «Проблема 1126178: ☂ средства разработчика: компоненты CSS | Ошибки Chromium»
[CR1130556]: https://crbug.com/1130556 «Проблема 1130556: средства разработчика: откаты тестовых образов (эмуляция) | Ошибки Chromium»
[CR1132084]: https://crbug.com/1132084 «Проблема 1132084: нет простого способа скопировать полезные данные запроса JSON | Ошибки Chromium»
[CR1136394]: https://crbug.com/1136394 «Проблема 1136394: инструменты Flexbox | Ошибки Chromium»
[CR1138633]: https://crbug.com/1138633 «Проблема 1138633: средства разработчика: компонент CSS должен отражать внешний вид своего свойства на фоне часов | Ошибки Chromium»
[CR1139615]: https://crbug.com/1139615 «Проблема 1139615: инициатор сети должен предоставить возможность копирования трассировки стека | Ошибки Chromium»
[CR1139899]: https://crbug.com/1139899 «Проблема 1139899: уведомление о доступности ограниченного API в представлении сведений о фрейме | Ошибки Chromium»
[CR1139945]: https://crbug.com/1139945 «Проблема 1139945: значки для свойств CSS flexbox на панели «Стили» | Ошибки Chromium»
[CR1141824]: https://crbug.com/1141824 «Проблема 1141824: улучшение отчетов об ошибках CORS в средствах разработчика | Ошибки Chromium»
[CR1144090]: https://crbug.com/1144090 «Проблема 1144090: добавление графических объектов стиля flex в дерево «Элементы» | Ошибки Chromium»
[CR1146985]: https://crbug.com/1146985 «Проблема 1146985: очищенный текст по-прежнему виден в текстовом поле раздела «Хранилище» окна «Средства разработчика» | Ошибки Chromium»

Некоторые части этой страницы представляют собой измененные материалы, созданные и предоставленные корпорацией Google. Их использование регулируется условиями, описанными в лицензии Creative Commons Attribution 4.0 International License. Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
Исходная страница находится здесь. Ее автор — Jecelyn Yeen (Джеслин Йен) (советник по разработке, Chrome DevTools). The original page is found here and is authored by Jecelyn Yeen (Developer advocate, Chrome DevTools).


Эта работа предоставляется в рамках международной лицензии Creative Commons Attribution 4.0 International License. This work is licensed under a Creative Commons Attribution 4.0 International License.

Источник

Средства разработчика Developer tools

Вы просматриваете документацию для Microsoft Edge версии 45 и более ранних версий. You’ve reached the documentation for Microsoft Edge version 45 and earlier. Чтобы просмотреть документацию по Microsoft Edge версии 77 или более поздней, перейдите на главную страницу документации по Microsoft Edge. To see the documentation for Microsoft Edge version 77 or later, go to the Microsoft Edge documentation landing page.

Microsoft Edge по умолчанию позволяет пользователям применять средства разработчика F12 и открывать страницу about:flags. Microsoft Edge, by default, allows users to use the F12 developer tools as well as access the about:flags page. Вы можете запретить пользователям применять средства разработчика F12 или открывать страницу about:flags. You can prevent users from using the F12 developer tools or from accessing the about:flags page.

Параметры групповой политики Microsoft Edge находятся в следующем расположении редактора групповой политики, если в политике не указано иное: You can find the Microsoft Edge Group Policy settings in the following location of the Group Policy Editor unless otherwise noted in the policy:

Конфигурация компьютера\Административные шаблоны\Компоненты Windows\Microsoft Edge Computer Configuration\Administrative Templates\Windows Components\Microsoft Edge\

Разрешить средства разработчика Allow Developer Tools

Поддерживаемые версии: Microsoft Edge в Windows 10 версии 1511 или более поздней версии Supported versions: Microsoft Edge on Windows 10, version 1511 or later
Настройка по умолчанию: включено (разрешено) Default setting: Enabled (Allowed)

Microsoft EDGE позволяет пользователям использовать инструменты разработчика F12 для сборки и отладки веб-страниц по умолчанию. Microsoft Edge allows users to use the F12 developer tools to build and debug web pages by default. С помощью этой политики можно настроить Microsoft Edge таким образом, чтобы пользователи не могли использовать инструменты разработчика F12. With this policy, you can configure Microsoft Edge to prevent users from using the F12 developer tools.

Поддерживаемые значения Supported values

Групповая политика Group Policy MDM MDM Реестр Registry Описание Description Максимальное ограничение Most restricted
Отключено Disabled 0 0 0 0 Запрещено Prevented
Включено Enabled 1 1 1 1 Разрешено Allowed

Сведения и параметры ADMX ADMX info and settings

Сведения ADMX ADMX info

  • Имя групповой политики на русском: Разрешить средства разработчика GP English name: Allow Developer Tools
  • Имя групповой политики: AllowDeveloperTools GP name: AllowDeveloperTools
  • Путь групповой политики: Компоненты Windows/Microsoft Edge GP path: Windows Components/Microsoft Edge
  • Имя ADMX-файла групповой политики: MicrosoftEdge.admx GP ADMX file name: MicrosoftEdge.admx

Параметры MDM MDM settings

  • Имя MDM: Browser/AllowDeveloperToolsMDM name: Browser/AllowDeveloperTools
  • Поддерживаемые устройства: компьютер Supported devices: Desktop
  • Полный путь к URI: ./Vendor/MSFT/Policy/Config/Browser/AllowDeveloperTools URI full Path: ./Vendor/MSFT/Policy/Config/Browser/AllowDeveloperTools
  • Тип данных: целое число Data type: Integer

Параметры реестра Registry settings

  • Путь: HKLM\Software\Policies\Microsoft\MicrosoftEdge\F12 Path: HKLM\Software\Policies\Microsoft\MicrosoftEdge\F12
  • Значение: AllowDeveloperTools Value name: AllowDeveloperTools
  • Тип значения: REG_DWORD Value type: REG_DWORD

Запретить доступ к странице about:flags Prevent access to the about:flags page

Поддерживаемые версии: Microsoft Edge в Windows 10 версии 1607 или более поздней версии Supported versions: Microsoft Edge on Windows 10, version 1607 or later
Настройка по умолчанию: отключено или не настроено (разрешено) Default setting: Disabled or not configured (Allowed)

По умолчанию пользователи могут получить доступ к странице About: flags в Microsoft EDGE, которая используется для изменения параметров разработчика и включения экспериментальных функций. By default, users can access the about:flags page in Microsoft Edge, which is used to change developer settings and enable experimental features. Если эта политика включена, пользователи не смогут получить доступ к странице About: flags. Enabling this policy prevents users from accessing the about:flags page.

Источник



990x.top

Простой компьютерный блог для души)

Microsoft Edge — что это за программа и нужна ли она?

Приветствую. В этой небольшой заметке я простыми словами расскажу о приложении Microsoft Edge, а также о том — нужно ли оно.

Microsoft Edge — что это такое?

Встроенный браузер в Windows 10, позволяет просматривать страницы интернета, поддерживает расширения, обладает быстрой скоростью работы.

PS: браузер — программа для просмотра интернета, точнее сайтов.

Это если коротко. Но по факту — Microsoft попробовала сделать годный браузер, однако популярность он снова не получил, большинство пользователей дальше предпочитают Google Chrome.

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

Чтобы вызвать основное меню — нужно нажать на три точки в правом верхнем углу:

Если выбрать пункт Параметры, то увидим настройки:

Это не все настройки, чтобы увидеть все — нужно прокрутить вниз мышкой.

  1. Можно выбрать тему оформления светлую/темную.
  2. Сайты которые вы часто посещаете — будут в разделе Лучшие сайты, они также могут отображаться при открытии новой вкладки.
  3. Поддержка отправки сайтам запроса Не отслеживать.
  4. Прогнозирование страниц. Как понимаю что-то вроде предзагрузки страниц, которые по мнению браузера — потребуются в скором времени.
  5. Взаимодействие с защитником Windows Defender для обеспечения безопасного просмотра интернета.

Фишка — в браузере можно рисовать, нажав по этой кнопке:

После этого покажутся инструменты, используя которые можно рисовать прямо на открытой странице:

При помощи комбинации Ctrl + Z я не смог отменить что нарисовал, в принципе думаю удивляться не стоит, это Microsoft.

Также можно рисовать используя маркер:

Забыл сказать, маркер и предыдущий инструмент можно выбрать здесь:

А еще можно скопировать в буфер часть изображения страницы:

То есть в принципе браузер Microsoft Edge — неплохой. Страницы загружает быстро, если не очень слабый процессор. Но все равно как-то непривычно, интерфейс иногда чуть подтормаживает. Я лично, при всем уважении к корпорации Microsoft — буду дальше использовать Google Chrome.

Microsoft Edge — нужна ли эта программа?

Собственно с одной стороны — нужна, ведь при помощи нее мы можем смотреть сайты, интернет. Но с другой стороны — есть другие браузеры, которые, как показывает практика — ничем не хуже и это мягко сказано. Поэтому, если вы пользуетесь Хромом, то Microsoft Edge — вряд ли вам нужен.

Microsoft Edge — можно ли удалить?

Данный браузер — системный компонент, поэтому удалять его я не рекомендую:

  • Если вы им не пользуетесь — он не грузит систему.
  • По сравнению с операционной системой Windows — весит совсем немного.

В интернете есть способы удаления — удалить папку из Windows, из Program Files, я этого делать категорически не советую. Потому что это системные файлы, папки, удаление которых уж точно не увеличит стабильность системы.

Еще есть способ удаления используя консоль PowerShell используя примерно такую команду:

Get-AppxPackage NAME_PROGRAM | Remove-AppxPackage

Я даже хотел показать, так как команды официальные. Но оказалось что не все приложения можно удалить таким способом, системные — нельзя, а именно к ним относится Microsoft Edge.

Самое разумное — его просто не удалять, а оставить в покое, так как он вшитый в операционку, какие последствия удаления — неизвестные. Тем более, что официального способа нет. Например вы удалите Edge, а придет обновление или добавление новой функции в Edge, а браузера нет. Что будет? Могут быть ненужные вам ошибки.

Заключение

  1. Microsoft Edge — встроенный браузер операционки Windows 10, позволяющий просматривать интернет, а точнее веб-сайты.
  2. Не является особо важной программой, если вы используете другой браузер (Хром, Мозилла, Опера).
  3. Удалять не рекомендуется — это часть Windows, системная программа, если вы не используете его — он никак не мешает, не занимает много места (по сравнению с самой операционкой).

Если вы хотите максимально отключить все и вся в Windows 10, чтобы она реально стала быстрее работать, то советую способ, которым пользуюсь сам: создаете точку восстановления, а после — по максимум все лишнее (включая телеметрию) отключаете при помощи утилит DoNotSpy10 и O&O ShutUp10. Утилиты бесплатные, отключают все лишнее и ненужное. Система начинает работать реально быстрее. Важно! O&O ShutUp10 также отключает обновления, но если что — можно спокойно обратно включить! В общем рекомендую данные утилиты.

Надеюсь информация оказалась полезной. Удачи и добра, до новых встреч друзья!

Источник

Microsoft Edge что это за программа и нужна ли она?

Со временем пользователи всё же оставляют привычную и одну из самых стабильных версий Windows 7 и переходят на новую десятую версию. Здесь много нового и ещё не изученного. Что за программа Microsoft Edge и нужно ли она на вашем компьютере — на этот вопрос вы сможете найти ответ ниже.

Что такое Microsoft Edge?

Каждая новая операционная система предлагает набор собственных программ, которыми могут пользоваться её владельцы. Майкрософт Эдж — это новый браузер от компании Майкрософт, который призван сменить старый Microsoft Explorer. Последний был признан пользователями как самый медленный и нестабильный и с каждым годом лишь терял популярность. Интернет-браузер — это программа для выхода в Интернет. Именно её вы запускаете, когда посещаете свои страницы социальных сетей: ВКонтакте, Одноклассники, Фейсбук и другие.

В отличии от своего предшественника, Microsoft Edge был создан на основе популярного браузерного движка — Chromium. Его использует сегодня большая часть популярных браузеров: Google Chrome, Яндекс.Браузер, Opera, Vivaldi, Амиго.

Известно, что эта программа Microsoft Edge впервые появилась вместе с последней версией Windows 10. Браузер используется в системе по умолчанию для открытия гиперссылок. Интерфейс практически не отличается от других браузеров. В целом программа быстро открывает ссылки и может вполне сгодится в качестве основного браузера.

В русскоязычной версии Виндовс браузер Edge получил некоторые встроенные функции Яндекс: поиск по умолчанию, «Коллекции». Браузер овладел некоторыми уникальными функциями, которыми его наделили разработчики. К примеру, он умеет создавать заметки из сайта, на котором в данный момент находится пользователь. Для этого нужно нажать на кнопку с плюсом в адресной строке. Есть также возможность управлять некоторыми приложениями из браузера.

Как пользоваться браузером Microsoft Edge

Движок Хромиум наделяет браузер теми же возможностями, которые есть в других популярных браузерах. Запустить его можно несколькими способами. Самый простой — это найти программу Майкрософт Эдж через поисковую строку.

  1. Нажмите на панели иконку с лупой и введите название программы.
  2. В результатах выше найдите её и выберите курсором мыши.
  3. В новом окне нет поисковой строки.
  4. Адреса сайтов и поисковые запросы можно писать в единственной строке вверху.

Источник

Microsoft Edge — что это за программа

На смену классическому Internet Explorer 11 пришёл обновлённый Microsoft Edge в операционной системе Windows 10. По статистике пользователи использовали предустановленный браузер только один раз, для поиска и загрузки стороннего. Microsoft надеется, что с выходом полностью нового браузера Edge текущая ситуация изменится.

Эта статья расскажет, что это за программа — Microsoft Edge. Сейчас же перед загрузкой и установкой стороннего браузера стоит ознакомиться с основными возможностями Microsoft Edge. Если же по каким-то причинам он Вас не устраивает, всегда можно перейти на другой, отключить или удалить Microsoft Edge в Windows 10.

Возможности и функциональность

Создатели Internet Explorer с гордостью представили Microsoft Edge — браузер с новыми возможностями и прекрасными характеристиками безопасности в сравнении со своим предшественником. В нём не только можно синхронизировать избранное, но и: делать заметки прямо на веб-страницах, читать, не отвлекаясь на рекламу и хранить все файлы в едином хранилище.

  • Скорость работы — по утверждению самих разработчиков и сравнению реальных тестов запуск и работа в браузере действительно шустрее конкурентов. Скорость сёрфинга (загрузки страниц) осталась на уровне конкурентов.
  • Режим чтения — специальный режим позволяет убрать все лишние элементы с экрана для комфортного чтения. Можно сохранять самые интересные страницы в собственном списке для чтения, панель которого можно мгновенно открыть.
  • Поддержка веб-стандартов — поддерживается новый алгоритм сжатия Brotli с улучшенной степенью сжатия и скоростью распаковки. Используется новый движок рендеринга EdgeHTML, а также Chakra JavaScript, который известен высокой скоростью обработки.
  • Библиотека расширений — разработчики самых известных расширений уже давно выпустили свои продукты на обновлённый браузер. Есть возможность установить все популярные расширения буквально в несколько нажатий.

Как полностью удалить Microsoft Edge

Предустановленный браузер Internet Explorer 11 можно легко отключить в программах и компонентах операционной системы. Процесс отключения браузера Microsoft Edge немного сложнее. Нужно воспользоваться ранее описанным способом для удаления стандартных приложений Windows 10. Будем использовать обновлённую оболочку Windows PowerShell.

  1. В контекстном меню кнопки Пуск выберите Windows PowerShell (администратор).
  2. Теперь в открывшемся окне выполните: Get-AppxPackage | Select Name, PackageFullName.
  3. В списке находим PackageFullName программы Microsoft Edge, а потом выполняем команду: Get-AppxPackage PackageFullName | Remove-AppxPackage.

Обратите внимание, в зависимости от версии операционной системы версия браузера Microsoft Edge может отличаться. Это значит, что нельзя указать универсальную команду, после выполнения которой он будет удалён.

Например, для отключения браузера у меня на компьютере нужно будет выполнить нижеуказанную команду. С каждым обновлением версия браузера изменяется, а тогда и соответственно PackageFullName.

Предустановленный браузер Microsoft Edge использует стандартные средства защиты операционной системы. Например, фильтр SmartScreen помогает защитить устройство, выявляя неопознанные приложения и файлы из Интернета, защищая устройство от вредоносных сайтов и загрузок. Разработчики учли все предыдущие ошибки и позаботились о безопасности обновлённого браузера.

Теперь Вы точно знаете что это за программа — Microsoft Edge. Новый браузер пришёл на замену давно устаревшему Internet Explorer. Edge заслуживает внимания пользователей, поскольку был не так давно выпущен и для других операционных систем. Сейчас он также позволяет с лёгкостью посмотреть сохранённые пароли, отключить рекламу или же все лишние уведомления.

Источник