How to Use Aqua Web Inspector for ASP.NET Core Development in Rider
History has produced many perfect duos, from peanut butter and jelly, Batman & Robin, Mickey and Minnie Mouse, and John Lennon and Paul McCartney. In this post, we’ll see how combining the two JetBrains products, JetBrains Rider and JetBrains Aqua, can create a joyful development experience in your ASP.NET development workflow. Once you use this experience, you’ll wonder how you lived without it.
What Is JetBrains Aqua?
JetBrains Aqua builds on the legacy of the IntelliJ platform to provide engineers with a first-class test automation IDE. Aqua helps you author and maintain tests and is for team members to sustain code-quality standards. Aqua is available as a standalone IDE or a Plugin for existing JetBrains products.
Aqua differs from our other products as its features include an embedded web inspector with CSS and XPath locators, enhanced syntax highlighting for Web-UI testing frameworks, a zero-configuration project wizard, and customizable file templates. The IDE also features familiar plugins such as the HTTP client, OpenAPI support, and unit testing frameworks support.
As JetBrains Rider users, you can try Aqua by installing it from the JetBrains Plugins marketplace.
Aqua Web Inspector for ASP.NET Core
Aqua provides users with a new tool window named Web Inspector, which bundles a Chromium browser into your IDE. The tool allows you to locate HTML elements in the document object model and create selectors for UI tests. You’re likely familiar with this rendering engine if you’re a Google Chrome or Microsoft Edge user. Once you’ve installed the Aqua plugin, you’ll notice a globe-shaped magnifying glass icon on the right-hand tool dock.
From an ASP.NET Core solution, start by opening the Web Inspector tool window. You’ll notice a blank browser with an address bar at the top and a Locators Evaluator window. Start your web project, paste the URL into the address bar, and you’ll have a side-by-side web development experience. From here, you can use JetBrains Rider features to apply hot reload changes instantly.
With the new Web Inspector, you have a truly Integrated Development Environment for your web development workflows. With JCEF, you can access the developer tools console, view the source, check network calls, track application performance, and do anything you want with Chromium Developer tools.
All the benefits of the best web rendering engine all within your favorite IDE. What could be better?
The synergy between JetBrains products gives developers both intended and unintended benefits. In this case, JetBrains Aqua intends to help quality assurance team members create and maintain test suites efficiently. The Web Inspector tool window can allow anyone working with ASP.NET Core to have a capable browser in-IDE at all times. In addition, you can increase your development velocity by having a tighter feedback loop between code changes.
As always, thanks for reading our posts, and be sure to leave your comments below.
Image Credit: Freddy G
Subscribe to Blog updates
Thanks, we've got you!
Another Look into the Future with Rider’s Predictive Debugger
In the 2023.2 release cycle, we’ve introduced the Predictive Debugger in ReSharper, which gives you predictions about code paths and variables beyond the current execution pointer. We’ve written extensively about its advantages compared to alternative debugging strategies like thorough thinking, log…
The Developer Ecosystem in 2023: Key Trends for C#
We’ve captured insights from 26,348 developers worldwide in our annual Developer Ecosystem Survey 2023. This recap focuses on C# and .NET, but you can see what’s trending in other languages as well. Enjoy the results and commentary, and let us know what you think! Top Discoveries We know t…
The ReSharper 2023.3 Release Candidate Is Now Available
Get a preview of all the latest features and improvements set to be shipped with the next major ReSharper and .NET tools releases by downloading the Release Candidate builds that have just landed. Here are the major improvements in each of the new builds: The ReSharper 2023.3 Release Can…
The Rider 2023.3 Release Candidate Is Now Available
There’s only a few days left before the next major release for Rider! Don’t feel like waiting? Get a sneak peek of Rider 2023.3 now by downloading the Release Candidate build that has just landed on our website. The Release Candidate build contains all of the notable changes that we’ve introduc…