Tab to Localhost Chrome Extension

A Chrome extension that simplifies copying URL parameters from production tabs to your localhost development environment with a single click.

Screenshot

Why?

While working with Stake Engine, I constantly need to copy URL params such as session ID, language, currency, etc. to my localhost dev page to test my local frontend with the backend environment. This extension eliminates the manual work of copying and pasting parameters - just 1-click and it automatically finds the correct tab and copies the params to your current localhost tab.

The Problem:

• Manually copying long URLs with multiple parameters
• Losing session state when switching between production and development
• Time-consuming copy/paste workflow when testing locally
• Risk of missing parameters or making typos

The Solution: One-click parameter transfer that preserves your development workflow and session state.

Features

• 🚀 One-click parameter copying: Instantly copy filename and all URL parameters to current tab
• 🎯 Smart domain filtering: Set a preferred domain (e.g., "fur-gaming.cdn.stake-engine.com") for automatic tab detection
• ⚡ Auto-copy: When only one tab matches your saved domain, it copies automatically without opening the popup
• 💾 Settings persistence: Saves your domain preference across browser sessions
• 🎨 Clean interface: Simple tab selection with URL preview

Example Usage

Production tab:

https://fur-gaming.cdn.stake-engine.com/0198376f-d5c3-72ff-ab99-ab363bbcac59/v52/index.html?sessionID=92ccdb2e-63b9-4e4b-8619-9ac80cd0b5e9&rgs_url=rgs.twist-rgs.com&lang=ja&currency=CNY&device=desktop&social=false&demo=true

Your localhost tab:

http://localhost:4282/

After one click:

http://localhost:4282/index.html?sessionID=92ccdb2e-63b9-4e4b-8619-9ac80cd0b5e9&rgs_url=rgs.twist-rgs.com&lang=ja&currency=CNY&device=desktop&social=false&demo=true

Installation

1. Download or clone this repository
2. Open Chrome and navigate to chrome://extensions/
3. Enable "Developer mode" in the top right
4. Click "Load unpacked" and select the extension folder
5. Pin the extension to your toolbar for easy access

How to Use

First-time Setup

1. Click the extension icon
2. Enter your source domain (e.g., fur-gaming.cdn.stake-engine.com)
3. Click Save to remember this domain

Daily Usage

1. Open your localhost development page
2. Click the extension icon
3. If only one matching tab exists: Parameters copy automatically ⚡
4. If multiple tabs exist: Select the source tab and click "Copy & Apply"

Smart Auto-Copy

When you have a saved domain filter and only one tab matches that domain, the extension will automatically copy the parameters without showing the popup - true one-click operation!

Settings

• Source Domain: Your production domain for filtering tabs (saves automatically)
  • Supports partial matches (e.g., "stake-engine" matches "fur-gaming.cdn.stake-engine.com")
  • Leave empty to show all tabs

Permissions

• tabs: Read tab URLs and update current tab
• activeTab: Access the current active tab
• storage: Save your domain preferences

Development Workflow

Perfect for developers who:

• Test local frontend against production backend
• Need to preserve session state across environments
• Switch frequently between production and development
• Work with complex URL parameter sets
• Want to eliminate manual copy/paste workflows

Troubleshooting

No tabs appear in list:

• Ensure you have other tabs open with your target domain
• Check your domain filter setting
• Try refreshing the tab list

Auto-copy not working:

• Make sure you have saved a domain filter
• Verify only one tab matches your domain
• Check that the matching tab has a valid URL

Extension not loading:

• Go to chrome://extensions/ and check for error messages
• Try reloading the extension
• Ensure all permissions are granted