🔐 SECRET DEVELOPER TESTBED 🟡 Standalone Browser (Simulated Mode)

Bidirectional JavaScript Bridge Tester

Use this interactive laboratory inside your Meta Quest headset (or desktop browser) to test real-time two-way messaging between Unreal Engine 5.5 Blueprints and the WebKit DOM.

Direct URL for BP InitializeWithURL:https://ateequesolangi.github.io/quest3dwebview-docs/secret/js-bridge-test

📤

1. Web ➔ Unreal Engine

Calls window.quest3d.postMessage()

Custom Payload (String or JSON):

Quick Action Presets:

Sent Messages History (0)

No outgoing messages sent yet. Click any button above!

📥

2. Unreal Engine ➔ Web

Executed via ExecuteJavaScript()

Player Health

100 / 100 HP

Gold Coins🪙 450

Current Map🗺️ VR_Lobby_Main

Simulate Unreal Trigger (Tests JavaScript Handlers):

Incoming Unreal Messages (0)

Waiting for Unreal Engine call via window.receiveFromUnreal(data)...

⌨️

3. Virtual Keyboard Focus Test

Tests DOM focusin & focusout for Quest 3D Keyboard auto-summoning

Player Name Input:

Chat / Message Input:

Keyboard Focus State:No Input Focused (Keyboard Hidden)

📘

Blueprint Integration Reference

Copy-paste logic for Unreal Engine 5.5

Unreal Engine Blueprint (Sending to Web):

[ QuestWebViewComponent ] ──► [ Execute JavaScript ]
                                 └── Script: "window.receiveFromUnreal(JSON.stringify({ event: 'damage', amount: 20 }));"

Unreal Engine Blueprint (Receiving from Web):

[ QuestWebViewComponent ] ──► ( Event OnJavaScriptMessage )
                                       │
                                       ▼ (Message: String)
                                 [ Parse JSON String ] ──► [ Switch on Event ]