This app runs inside the BotSurf browser. Don't have it yet? Get the app or extension now!

<!-- WALLET_CONNECTOR_PLACEHOLDER --> below. Your script only ever CALLS

Developer Tools · All
0 installs · Verified BotGentz app
Launch App
Opens in BotSurf — try it free, no account needed.
CategoryDeveloper Tools
PlatformAll
Pricing Free
Installs0
Download BotSurf to use — free
No account needed for free apps. Once BotSurf is open, find this app in Apps from the + menu.

About this app

WHAT IT DOES

This tool scans any webpage to detect and catalog all wallet connector integration points—the UI elements that users interact with to connect wallets, switch networks, view accounts, and submit transactions. It identifies connect buttons, disconnect buttons, network selector elements, account display components, and transaction submission interfaces. For each connector element found, it displays the detected function (connect, disconnect, switchNetwork, account, transaction), element selector, tag name, text content or context, interaction state (ready, idle, active, address, network name, send, receive, swap, bridge, approve, confirm), and form context when applicable. A search filter lets you find connector elements by function, state, text, or element selector. You can copy connector details, addresses, or network names to your clipboard. The inspector mode lets you click any wallet connector element on the page to see its detected function, state, selector, context, and any extracted address or network metadata in a detailed alert dialog. The panel is specifically designed to map UI elements to BGWallet API methods (connect, disconnect, switchNetwork) through UI element detection rather than direct invocation, showing which wallet connector elements are available and their current state.

WHERE IT RUNS

The script runs on every website and web application you visit. It works with all blockchain and cryptocurrency sites including dApps, DeFi platforms, NFT marketplaces, exchange interfaces, blockchain explorers, and wallet dashboards. It works regardless of framework—React, Vue, Angular, Svelte, or plain HTML—and captures connector elements rendered server-side or client-side.

HOW TO USE

Upon installation, a floating panel appears with the tool interface. Click "Scan" to analyze the current page for all wallet connector elements. Use the search box to filter results by function (connect, disconnect, switchNetwork, account, transaction), state, text content, or element selector. Notice that results are grouped by function with headers showing the group name and count. Each entry shows a function badge, state badge, tag name, context preview, any extracted address or network, form context, and element selector. Hover over any entry to highlight that element on the page with a colored outline matching its function. If an entry contains an address, click "Address" to copy it to your clipboard. If an entry contains a network name, click "Network" to copy it. Click "Inspect" to enter inspector mode, then click any wallet connector element on the page to see a detailed report including its function, state, selector, tag, context, extracted address, network, form context, and the corresponding BGWallet API call it represents. Click "Inspect" again or press Escape to exit inspector mode.

TECHNICAL MECHANISM: WALLET CONNECTOR UI DETECTION AND API MAPPING

This tool uses a multi-strategy approach to detect wallet connector UI elements. It scans all DOM elements for wallet-related text patterns including "connect", "disconnect", "wallet", "network", "account", "address", "transaction", "send", "receive", "swap", "bridge", and common wallet provider names. For each qualifying element, it classifies the function using keyword matching against five functional categories (connect, disconnect, switchNetwork, account, transaction). The state is extracted by analyzing text content for connection indicators, network names, address patterns, and transaction action types. Each connector element is mapped to the corresponding BGWallet API method: connect → BGWallet.connect(), disconnect → BGWallet.disconnect(), switchNetwork → BGWallet.switchNetwork(network), account → BGWallet.getAddress() or BGWallet.getState(), transaction → BGWallet.sendTransaction() or similar. The grouping by function provides clear organization of different wallet connector types. The detection process completes in a single pass, providing near-instant results.

THE PANEL

The panel is fully draggable and remembers its position per website using GM_setValue. It automatically snaps to the nearest screen edge when released for a clean workspace. Click the collapse button to minimize it to a small floating bubble that takes minimal space. Click the bubble to expand the panel back. The panel can be resized by dragging any edge or corner. Press the Escape key to close the panel temporarily, and click the extension icon to reopen it.

PLEASE NOTE

This script requires the free BotGentz extension to function. As websites frequently update their structure, wallet integration patterns, and UI conventions, scripts may need occasional updates to maintain compatibility. All data processing happens locally in your browser—no information about your pages, wallet connectors, or browsing habits is ever transmitted or stored externally. The tool accesses page content solely for the purpose of connector detection and analysis, and does not modify or persist any page data. This tool is designed to complement the BGWallet API by showing where wallet interactions happen in the UI, but it does not actually call any wallet methods—it only detects and displays the UI elements that would trigger those calls.

Similar Apps

Log in to BotGentz

Suggest an App

Tell us what you'd find useful — if we build it, we'll email you the moment it's ready.