The new devtools are finally released on the stable channels!
It's recommended you uninstall the beta version and install the new one:
Devtools 6 released!
v6.0.0-beta.21
- Huge Timeline performance improvements 🚀
- Timeline controls updated, with mouse dragging and wheel zooming
- Better Timeline HiDPI screens support
- Many bug fixes 🐛
Bug fixes
v6.0.0-beta.20
Many bugs where squashed (especially Vue 2 related) in this release! 🐛
New
The Vue 2 plugin now display getters in the mutation timeline layer.
Check for Vue version
v6.0.0-beta.19
The devtools now check for new Vue versions for each of your apps! Plus refinements to the Plugin Settings API and many bug fixes!
Vue version check
New
The Apps menu will let you know when a new Vue version is available:
API Changes
Plugin settings
You can now react to changes made to the plugin settings by the user with the new api.on.setPluginSettings hook.
Pus the api.getSettings method got a new pluginId optional parameter.
Vue 3 detection improved
v6.0.0-beta.18
We implemented changes in Vue 3.2.14 to allow the devtools to detect Vue apps even if they don't include the devtools-related code necessary to inspect them. Don't forget to update Vue to 3.2.14!
This update also includes other bug fixes.
Improved popup
v6.0.0-beta.17
An hot fix has been made for the component order in the inspector tree.
New
The extension popup has been revamped:
- New Nuxt logo
- Troubleshooting link
- Screenshot of the devtools
Plugin Settings
v6.0.0-beta.16
This release is packed with performance improvements and bug fixes! 🚀
Timeline
New
Tooltips
The timeline now renders handy tooltips to get more information at a glance!
Plugin API
New
Plugin settings
Plugins can now expose custom settings to the user with the settings option and the api.getSettings() method.
Basically the stable version
v6.0.0-beta.15
Many bug fixes and small improvements are included in this last beta.
New features:
- A new "Force refresh" button in the component inspectors (you can also click on the selected component again in the tree).
api.on.timelineCleared
The docs were updated with a FAQ and other improvements. You can also now read the Vue Devtools Plugin development guide on the website.
The new devtools will soon be released in the stable channel, so existing users of v5 will automatically upgrade to v6. To update your beta version, you will need to disable/uninstall it and install the stable version.
But don't worry! Links will be posted here with "Legacy" versions in case you want/need to downgrade to v5.
Iframe support for Vue 2
v6.0.0-beta.14
A small update that adds support for iframe for Vue 2 apps and fixes the component highlighter position (taking the iframe position into account).
Release Candidate
6.0.0-beta.13
Unless any major issue is found, this is the last beta release of the rewritten devtools!
Iframe support
An old feature request has finally landed in the devtools! You can now inspect apps that are inside iframes:
Timeline changes
Some refinement and style tweaks make the timeline easier to use. If you have trouble using the mouse wheel to navigate the timeline, new buttons next to the scrollbar allow you to zoom in and out, and to move around:
You can also use the keyboard to navigate the events list.