KShare | Katalon Web Recorder Plus Walkthrough (Beta) 🚀

[support.squad]

Hi everyone,

Today, we’re going to walk you through Katalon Web Recorder Plus (beta), a new and enhanced web recording engine which was introduced last December. This tool is designed to overcome the limitations of traditional recorders by improving element detection , supporting complex scenarios like shadow DOMs, iframes, and Flutter-based web applications

Why use Katalon Recorder Plus?

1. More Reliable Locator Capturing

• The recorder intelligently identifies elements with higher accuracy, reducing flaky test cases.
• Supports shadow DOM and iframe-based applications, which are typically challenging for standard web recorders.

2. Improved Object Recognition

• Works seamlessly with modern web applications that use dynamic elements and JavaScript-heavy frameworks.
• Enhances test stability by reducing false positives and missing objects.

3. Enhanced Compatibility

• Available for Chrome and Edge Chromium browsers.
• Works with both Active Browsers (tests running in an already open browser) and New Browsers (launching fresh instances for recording)​

How to enable and use Katalon Recorder Plus for your projects?

Pre-requisite: In order to use Katalon Web Recorder Plus, you’ll need to have Katalon Studio version 10.1.0 and above installed.
Download the latest version of Katalon Studio at: Katalon Studio Download | Katalon

Video walkthrough

Steps in detail

1. Enable the Web Recorder Plus in Katalon Studio 10.1.0:

• Go to Katalon Studio > Preferences > Katalon > Beta Features.
• Check the box for Katalon Web Recorder Plus.

2. Select Browser Mode:

• New Browser (Default): Starts a fresh browser session.
• Active Browser: Uses the currently open browser :
  • For using the Active browser, you will need to install the extensions:
    • For Chrome: Install from Chrome Web Store.
    • For Edge: Install from Edge Add-ons

Please make sure that if you install the new Katalon Studio Recording Engine, then please remove the Katalon Compact Utility and the Katalon Recorder extensions from the same Browser profile.

3. Start Recording the tests with Web Recorder Plus:

• Click Record Web or Spy Web from the main toolbar.

Recording actions using Keyboard key combination in Web Recorder Plus

With Web Recorder Plus, you can now handle:

• Mouse over events: Allows capturing hover actions on elements.
• Locator value copying:
  • macOS: use the key combination of: Option + C (or Shift + Option + C)
  • Windows: use Alt + C****When hovering over an element, this shortcut copies its locator ( for example, #btn-make-appointment ) to your clipboard, making it easy to reuse in your test scripts.

As the Web Recorder Plus is still in beta, there will be some limitation during your usage. To see a full list of its capabilities and limitations, please refer to our documentation at: Katalon Web Recorder Plus | Katalon Docs

---

If you find this article helpful, then don’t forget to leave us a like or a heart and share it with your colleagues or teammates. We greatly appreciate your support for the KShare series.

[albert.vu]

Thank you very much the Product Support team (@support.squad) and Mohammed Jabir (@mohammed.jabir) and Bhavyasnh Ameta (@bhavyansh.ameta) for such an easy-to-follow guide on how to get started with the new Web Recorder Plus!

Mohammed Jabir (@mohammed.jabir) - Junior Product Support Specialist, Katalon	Bhavyansh Ameta (@bhavyansh.ameta) - Product Support Specialist
Jabir is a Junior Product Support Specialist at Katalon, a role that allows him to leverage his technical prowess to provide intelligent solutions to our users. His commitment to exceptional support goes beyond simply answering questions; he strives to create a positive and empowering user experience.	Bhavyansh is a Product Support Specialist at Katalon who utilizes his technical expertise to assist users with intelligent solutions. His passion for delivering exceptional support is not just about providing answers but fostering a positive and empowering user experience.