Create a Chrome Extension to Open a Site in 100 Tabs

Answered using ChatGPT 4o by ChatGPT4o

Question:

Hello mai chahta hu aap mere liye ek chrome extention bananye jisme user kisi site ka link de aur jaise hi enter kare vo site 100 tab me open ho jaye

Answer:

Bilkul, main aapko ek Chrome extension banane mein madad kar sakta hoon jo user ko kisi site ka link dene par us site ko 100 tabs mein khol de. Chrome extension banane ke liye aapko kuch files create karni hongi:

  1. manifest.json
  2. popup.html
  3. popup.js

Step 1: manifest.json

Yeh file extension ka configuration define karti hai.

{
  "manifest_version": 3,
  "name": "Open Site in 100 Tabs",
  "version": "1.0",
  "description": "Open a given site in 100 tabs.",
  "permissions": ["tabs"],
  "action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "icon.png",
      "48": "icon.png",
      "128": "icon.png"
    }
  }
}

Step 2: popup.html

Yeh file extension ka user interface define karti hai.

<!DOCTYPE html>
<html>
<head>
  <title>Open Site in 100 Tabs</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 10px;
    }
    input[type="text"] {
      width: 100%;
      padding: 5px;
      margin-bottom: 10px;
    }
    button {
      width: 100%;
      padding: 5px;
    }
  </style>
</head>
<body>
  <h3>Enter URL to open in 100 tabs:</h3>
  <input type="text" id="url" placeholder="https://example.com">
  <button id="openTabs">Open in 100 Tabs</button>
  <script src="popup.js"></script>
</body>
</html>

Step 3: popup.js

Yeh file extension ka logic handle karti hai.

document.getElementById('openTabs').addEventListener('click', function() {
  const url = document.getElementById('url').value;
  if (url) {
    for (let i = 0; i < 100; i++) {
      chrome.tabs.create({ url: url });
    }
  } else {
    alert('Please enter a valid URL.');
  }
});

Step 4: Icon (Optional)

Aapko ek icon bhi create karna hoga jo icon.png ke naam se ho aur manifest.json mein define kiya gaya ho.

Extension Install Karna

  1. In sab files ko ek folder mein save kar lein.
  2. Chrome browser mein chrome://extensions/ URL open karein.
  3. Developer mode ko enable karein (top right corner).
  4. "Load unpacked" button par click karein aur apne extension ka folder select karein.

Ab aapka extension install ho chuka hai aur aap use kar sakte hain. Jab aap URL input karenge aur button click karenge, to vo site 100 tabs mein open ho jayegi.

Agar aapko koi aur madad chahiye ho to zaroor bat