Open Microsoft Edge DevTools
- 11/23/2021
- 2 phút để đọc
-
-
Vui lòng đánh giá trải nghiệm của bạn
Ý kiến phản hồi sẽ được gửi đến Microsoft: Bằng cách nhấn nút gửi, ý kiến phản hồi của bạn sẽ được sử dụng để cải thiện các sản phẩm và dịch vụ của Microsoft. Chính sách về quyền riêng tư.
Cảm ơn bạn.
Trong bài viết này
There are many ways to open Microsoft Edge DevTools, helping you quickly access different parts of the DevTools UI.
Open Microsoft Edge DevTools
To open DevTools, use either of the following options.
Use the Microsoft Edge UI.
- Choose the Settings and more [...] icon > More Tools > Developer Tools.
Use the keyboard.
- Press F12 or Control+Shift+I [Windows, Linux] or Command+Option+I [macOS].
See Keyboard shortcuts.
Open DevTools from the Microsoft Edge main menu
Open the Elements panel to inspect the DOM or CSS
When you're viewing a rendered webpage in the browser, to inspect the styles or attributes of a Document Object Model [DOM] node, do either of the following:
- Right-click the element in the rendered webpage and select Inspect.
- Press Control+Shift+C [Windows, Linux] or Command+Option+C [macOS]. See Keyboard shortcuts.
See DevTools for beginners: Get started with CSS.
Open the Console panel
To open the Console panel to view logged messages or run JavaScript, press Control+Shift+J [Windows, Linux] or Command+Option+J [macOS]. See Keyboard shortcuts.
Open the previous panel
To jump to the previously open panel, press Control+Shift+I [Windows, Linux] or Command+Option+I [macOS]. See Keyboard shortcuts.
Auto-open DevTools on every new tab
To auto-open DevTools on every new tab, open Microsoft Edge from the command line and pass the --auto-open-devtools-for-tabs flag.
- CMD [Windows]
- PowerShell [Windows]
- bash [macOS]
- bash [Linux]
Toggle the F12 keyboard shortcut on or off
To change the F12 keyboard shortcut setting that opens the DevTools, complete the following actions:
Navigate to edge://settings/system.
In Developer Tools, choose Open the DevTools when the F12 key is pressed to toggle the setting to off or on. Toggle the setting to off to stop the F12 keyboard shortcut from opening DevTools.
After you set the toggle to off, verify that F12 no longer opens DevTools.
Note
After turning off Open the DevTools when the F12 key is pressed, open DevTools again. For example, press Ctrl+Shift+I, or right-click a webpage and select Inspect.
Note
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. The original page is found here and is authored by Kayce Basques [Technical Writer, Chrome DevTools & Lighthouse].