Skip to main content

Developer Tools Shortcuts

This page lists every keyboard shortcut available in Avalonia Developer Tools. Where a shortcut is marked Unassigned, you can bind it yourself in the Developer Tools settings.

Inspection

Use these shortcuts while debugging layout issues, tracking focus order, or measuring spacing between elements.

Display nameDescriptionWhen to useWindows / LinuxmacOS
Focus TrackingHighlights the currently focused element in your application. Works in both Developer Tools and the target application.Use this when you are debugging tab-order or focus-related bugs so you can see exactly which control has focus.Ctrl+Shift+K K
Inspect ElementSelects and inspects UI elements by clicking on them in your application. Works in both Developer Tools and the target application.Use this to quickly jump to a specific control in the element tree instead of expanding nodes manually.Ctrl+Shift+C C
Highlight ElementsToggles real-time highlighting of UI elements. Works in both Developer Tools and the target application.Use this to visualize element boundaries and padding so you can spot layout problems at a glance.Ctrl+Shift+H H
Show Overlay RulersShows or hides measurement rulers in the overlay. Works in both Developer Tools and the target application.Use this when you need pixel-precise measurements between elements or want to verify alignment.Ctrl+Shift+R R
Show Overlay InfoShows or hides detailed information in the overlay. Works in both Developer Tools and the target application.Use this to see property values such as Width, Height, and Margin directly on the element overlay without switching to the properties panel.Ctrl+Shift+D D
Toggle TopMostToggles Developer Tools top-most mode. Works in both Developer Tools and the target application.Use this to keep the Developer Tools window above your application so you can inspect without alt-tabbing.Ctrl+Shift+T T
Set BreakpointSets a breakpoint on a property or event.Use this to pause execution when a specific property changes or a particular event fires, which is helpful for tracking down unexpected state changes.F9F9

Search and navigation

These shortcuts help you find elements, properties, or resources within Developer Tools.

Display nameDescriptionWhen to useWindows / LinuxmacOS
Search Current ListActivates search functionality in the current tool.Use this to filter a long element tree or property list down to the item you are looking for.Ctrl+F F
Next Search ResultMoves to the next search result in the current view.Use this to cycle forward through matches after entering a search term.F3 G
Previous Search ResultMoves to the previous search result in the current view.Use this to cycle backward through matches.Shift+F3 G
Next ToolSwitches to the next developer tool tab.Use this to move between tools (for example, from Elements to Events) without using the mouse.Ctrl+] ]
Previous ToolSwitches to the previous developer tool tab.Use this to step back to the tool you were using before.Ctrl+[ [

Layout and views

These shortcuts control the Developer Tools window layout and panel visibility.

Display nameDescriptionWhen to useWindows / LinuxmacOS
Refresh Current ViewRefreshes the current view.Use this after making code changes to reload the element tree or resource list.F5 R
Remove ItemRemoves the selected item from the current list or view.Use this to remove a single breakpoint or log entry you no longer need.DeleteDelete
Clear Current ListClears all items from the current list or view.Use this to reset the Events or Logs tool so you can start a clean capture session.Ctrl+L L
Show NavigationShows or hides the navigation panel.Use this to maximize the main content area when you do not need the sidebar.Alt+1 1
Show ToolsShows or hides the tools panel.Use this to toggle the bottom tools panel for more vertical space.Alt+2 2
Reset LayoutResets the Developer Tools window layout to its defaults.Use this if you have rearranged panels and want to return to the original layout.UnassignedUnassigned

Tools

These shortcuts open specific Developer Tools panels directly.

Display nameDescriptionWhen to useWindows / LinuxmacOS
Open ElementsOpens the Elements inspection tool.Use this to view and navigate the visual tree of your application.UnassignedUnassigned
Open AssetsOpens the Assets browser.Use this to browse embedded assets such as images and fonts bundled with your application.UnassignedUnassigned
Open ResourcesOpens the Resources browser.Use this to inspect StaticResource and DynamicResource values at runtime.UnassignedUnassigned
Open SettingsOpens the Developer Tools settings.Use this to configure themes, key bindings, and connection options.Unassigned .
Open LogsOpens the application logs viewer.Use this to review binding errors, layout warnings, and other diagnostic messages.UnassignedUnassigned
Open EventsOpens the events monitoring tool.Use this to watch routed events as they tunnel and bubble through the visual tree.UnassignedUnassigned
Open BreakpointsOpens the breakpoints management tool.Use this to view, enable, disable, or remove all property and event breakpoints in one place.UnassignedUnassigned
Open MetricsOpens the performance metrics viewer.Use this to monitor frame rate, render time, and other performance counters while profiling your application.UnassignedUnassigned
Open ProtocolOpens the Developer Tools protocol monitoring tool.Use this to inspect the low-level messages exchanged between Developer Tools and your application.UnassignedUnassigned
Open DocumentationOpens the Developer Tools documentation.Use this for quick access to the online docs without leaving Developer Tools.Ctrl+F1 ?

See also