v3.3.0 Released | Built for OutSystems 11 (O11)

The Ultimate Inspection Suite for OutSystems 11 Developers

Bridge the gap between high-level OutSystems logic and low-level runtime context. Inspect React component trees, monitor live variable state diffs in real-time, and intercept server actions—all right inside Chrome DevTools.

Add to Chrome — Free Explore Interactive Tour

OS11

Platform Native

0 ms

100% Local Execution

CDP Driven

Zero Monkey-Patching

100%

Privacy First

Interactive Preview

See OutSystems DevTools in Action

Click through the tabs below to explore the actual extension UI in real time.

SamplePortal_CW — OutSystems App

Developer Tools (F12) — OutSystems Tab

Application Overview

Execution Context

Application Name

Sample Portal Application

Environment Stage

O11-Prod

Platform Version

OutSystems 11 (O11)

Active Navigation

Current Screen

Dashboard

Module Boundary

SamplePortal_CW

UI Flow

MainFlow

User Intelligence

Active Session

john.doe@example.com ID: 1042

Application Roles

Employee Manager ✓ Recruiter

Performance Snapshot

Page Load Time 254 ms

DOM Interactive 224 ms

Resource Fetches 89

React DOM

▼ Common.Login

▼ Layouts.LayoutBlank

▼ Adaptive.Columns2

Content.Tooltip

Interaction.AnimatedLabel

▼ Adaptive.Columns2

Utilities.AlignCenter

Utilities.ButtonLoading

Utilities.Separator

Common.Footer

<Common.Login>

▼ variables

{ 6 items

"usernameVar" : ""

"passwordVar" : ""

"isExecutingVar" : false

"rememberVar" : false

"isSampleUsersPopupVisibleVar" : false

"isProductionRestricted" : false

}

Client Variables: SamplePortal_CW

Key	Value
LastURL	https://sampleapp.outsystems.com/SamplePortal/
UserPicture	✓ ✕
Username	John Doe

• Common.Login

Current

▼ { 5 items

"usernameVar" : ""

"passwordVar" : ""

"isExecutingVar" : false

"rememberVar" : false

"isSampleUsersPopupVisibleVar" : false

}

1 renders

► { } 0 items

Type	Target / Endpoint	Status	Duration	Mock Response
ServerAction	SamplePortal_CW.ActionGetUserDetails	200 OK	64 ms	Mock Active
REST API	/rest/v1/user/details	200 OK	112 ms	Disabled
Aggregate	ScreenAggregate_GetRoles	200 OK	38 ms	Disabled

Extension Preferences

Theme Preference

Dark Mode (Default)

JSON Truncation Limit

500 KB

CDP Protocol Interception

Enabled

Powerful Capabilities

Built for OutSystems 11 Applications

Everything you need to inspect, debug, and optimize your OutSystems 11 Reactive Web & Mobile applications.

Widget Tree & React Fiber Inspector

Visualize your screen's structure exactly as the OutSystems 11 runtime sees it. Identify Blocks, Placeholders, and Widget hierarchies instantly and inspect live React Fiber props, state, and context.

Live State Watchers

Pin any screen variable or aggregate to a real-time watch list. Watch values update dynamically on every re-render with automatic current vs. previous state diff highlighting.

CDP-Powered Network Interception

Capture OutSystems 11 REST APIs, Server Actions, and Screen Aggregates without legacy monkey-patching. Built directly on Chrome DevTools Protocol for clean, isolated tracing.

Intelligent API Response Mocking

Inject custom localized JSON mock responses into outgoing OutSystems 11 API requests. Easily test edge cases, error states, and UI fallbacks without touching backend code.

Dedicated Storage & Client Vars

View and edit Client Variables, Local Storage keys, and WebSQL/IndexedDB records in real-time. Avoid clutter by separating OutSystems storage from standard browser cookies.

Performance & User Intelligence

Gain instant visibility into the active user session, logged-in email, and granted security roles alongside screen load times, DOM interactive benchmarks, and payload metrics.

OS11 Native

Designed Specifically for OutSystems 11

Tailored support for both OutSystems 11 Reactive Web and OutSystems 11 Mobile application architectures.

OS11 Reactive Web

Full runtime inspection for OutSystems 11 Reactive Web applications.

✓ OutSystems 11 React runtime variable inspection
✓ Live Client Variables & Local Storage CRUD
✓ Server Actions & Screen Aggregates CDP tracing
✓ User Roles & Active Session security parsing

OS11 Mobile Apps

Dedicated inspection and offline data management for OS11 Mobile apps.

✓ Mobile screen widget tree & state inspection
✓ Local Storage & WebSQL/IndexedDB records CRUD
✓ Client-side variables and session watchers
✓ REST API & synchronization event tracing

Quickstart Guide

Get Started in 4 Simple Steps

No complicated configuration or code changes required in your OutSystems 11 screens.

Install Extension

Add OutSystems DevTools directly from the Chrome Web Store.

Open OS11 App

Navigate to any running OutSystems 11 Reactive or Mobile application in Google Chrome.

Launch DevTools

Press F12 or Cmd + Option + I and select the OutSystems tab.

Debug & Inspect

Inspect component variables, set live watchers, intercept server calls, and mock responses effortlessly.

Got Questions?

Frequently Asked Questions

No! OutSystems DevTools hooks directly into the runtime context running inside your browser. You do not need to add debug logic, write custom JavaScript, or modify your OutSystems modules in Service Studio.

Absolutely not. Privacy and security are top priorities. OutSystems DevTools operates 100% locally within your browser tab. Zero data, session details, or credentials are ever transmitted or saved externally.

Standard console logging requires manually adding debug statements or pausing execution. Live Watchers let you pin screen variables, aggregates, or client variables to a persistent watchlist that automatically tracks state updates and renders real-time previous/current diffs without freezing your application.

Using Chrome DevTools Protocol (CDP), the extension allows you to define custom JSON mock payloads for targeted endpoints. When your app makes a request to that endpoint, the extension intercepts it and returns your mock payload seamlessly, allowing QA and developers to test edge cases and error states effortlessly.