# Doctave Studio 2024 Refresh

DevFeed: [Doctave Studio 2024 Refresh](<https://devfeed.tech/articles/doctave-studio-2024-refresh-30945.md>)

Original publisher: [Read original article](<https://www.doctave.com/blog/doctave-studio-2024-refresh>)

Author: Niklas Begley

Published: 2024-04-08T07:00:00Z

Content type: release

Language: en

Sources: [Doctave - Build beautiful developer portals with docs-as-code](<https://devfeed.tech/sources/doctave-build-beautiful-developer-portals-with-docs-as-code.md>)

Topics: [Documentation](<https://devfeed.tech/topics/documentation.md>), [App](<https://devfeed.tech/topics/app.md>), [screen](<https://devfeed.tech/topics/screen.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Chrome](<https://devfeed.tech/topics/chrome.md>), [debugging](<https://devfeed.tech/topics/debugging.md>)

Tags: [announce](<https://devfeed.tech/tags/announce.md>), [app](<https://devfeed.tech/tags/app.md>), [blog](<https://devfeed.tech/tags/blog.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [css](<https://devfeed.tech/tags/css.md>), [debug](<https://devfeed.tech/tags/debug.md>), [desktop](<https://devfeed.tech/tags/desktop.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [error-reporting](<https://devfeed.tech/tags/error-reporting.md>), [html](<https://devfeed.tech/tags/html.md>), [improvements](<https://devfeed.tech/tags/improvements.md>), [layout](<https://devfeed.tech/tags/layout.md>)

## AI overview

Doctave announces a 2024 refresh of Doctave Studio, its desktop app for previewing documentation locally. The update introduces a narrower vertical layout, a browser-viewing option for inspecting HTML and CSS with Chrome DevTools, and an improved Issues Tab for reviewing documentation problems.

## Source excerpt

We're excited to announce our biggest update to Doctave Studio yet! This refresh brings a whole new look and feel, and adds some of our most requested improvements, making the editing experience more seamless than ever before. Let's dive in! The new and improved Doctave Studio! What is Doctave Studio? Doctave Studio is our desktop app customers use to preview their apps locally. It bundles the whole development environment and gives a perfect reconstruction of what your documentation will look like once published. Most authors will have their favorite editor and Doctave Studio open side-by-side as they are editing documentation. When they save changes in their editor, Doctave studio detects the change and re-renders the documentation with the latest changes. Improved layout One of the most common requests we had was "make Doctave Studio narrower". In the previous release, information about broken links and other metadata was held in a sidebar on the left side of the documentation preview. This took up a lot of valuable screen space. We even found ourselves overlaying our editor slightly on top of Doctave Studio in order to make the windows fit nicely. With this update, we've introduced a whole new vertical layout. Now, your docs are front and center, with issues and metadata shown above and below the content itself. You can hide issues when you don't want to worry about them, and view them only when you want to focus on them. View in browser ↗ Inspect your docs in your browser with one click This was another often requested feature. Doctave Studio itself does not let you inspect your page's HTML or debug custom CSS. CSS especially is notoriously hard to get right the first time, and debugging issues through trial and error is frustrating. We did not want to re-implement something browsers already allow you to do well, so we've added an "View in browser" button! You can now open up the project you're viewing in the browser, and use the full power of Chrome Devtools t