Skip to content

Improve the page name that shows up in the debugger's page/target list #15342

@iamAbhi-916

Description

@iamAbhi-916

when we open devtools the current page target name which shows is React Native Windows (Experimental)

this name could be improved to be more descriptive - perhaps including the app name, bundle ID, or other identifying information.

For Android and iOS, HostTargetMetadata struct includes fields like:


appDisplayName - The app's display name
appIdentifier - Bundle/package identifier
deviceName - The device name
integrationName - Platform-specific string like "iOS Bridge (RCTBridge)" or "Android Bridgeless (ReactHostImpl)"
platform - "ios"/"android"
reactNativeVersion - RN version string

The page name title shown in debugger UI is constructed from appDisplayName and deviceName:
example: "MyApp (iPhone 15 Pro)"

ref: https://github.com/microsoft/react-native-windows/pull/15328/files#r2500968672

Metadata

Metadata

Labels

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions