टैब प्रबंधन और नियंत्रण
प्रोग्राम के माध्यम से ब्राउज़र टैब बनाएँ, अपडेट करें, बंद करें और उनके बारे में जानकारी प्राप्त करें, जिससे शक्तिशाली टैब प्रबंधन सुविधाएँ सक्षम हों।
टैब प्रबंधन और नियंत्रण, CoddyKit पर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
टैब प्रबंधन का परिचय
ब्राउज़र एक्सटेंशन केवल वेब पेज बदलने के अलावा भी बहुत कुछ कर सकते हैं। वे स्वयं ब्राउज़र का प्रबंधन भी कर सकते हैं!
इस पाठ में ब्राउज़र टैब को प्रोग्राम के माध्यम से नियंत्रित करना सिखाया गया है। आप Chrome Extensions API का उपयोग करके टैब बनाना, खोजना, अपडेट करना और बंद करना सीखेंगे।
chrome.tabs API
टैब प्रबंधन का मुख्य आधार chrome.tabs API है। यह ब्राउज़र में खुले सभी टैब या किसी खास टैब के साथ इंटरैक्ट करने के लिए विधियाँ उपलब्ध कराती है।
इसके अधिकांश फ़ंक्शन का उपयोग करने के लिए आपके एक्सटेंशन की manifest.json फ़ाइल में "tabs" की अनुमति घोषित होनी चाहिए।
टैब खोजना: सक्रिय टैब ढूँढना
आप विभिन्न मानदंडों के आधार पर खास टैब ढूँढ सकते हैं। शुरुआत वर्तमान विंडो में वर्तमान में सक्रिय टैब ढूँढने से करते हैं।
query() विधि आपके मानदंड से मेल खाने वाले Tab ऑब्जेक्ट की एक array लौटाती है।
// This code runs in your background script
// Requires "tabs" permission in manifest.json
chrome.tabs.query(
{ active: true, currentWindow: true },
function(tabs) {
if (tabs.length > 0) {
console.log("Active tab ID: " + tabs[0].id);
console.log("Active tab URL: " + tabs[0].url);
}
}
);टैब खोजना: URL के आधार पर
क्या आप किसी खास वेबसाइट पर खुले सभी टैब ढूँढना चाहते हैं? query() विधि URL पैटर्न का उपयोग करके शक्तिशाली फ़िल्टरिंग की सुविधा देती है।
URL के हिस्सों से मेल कराने के लिए आप वाइल्डकार्ड (*) का उपयोग कर सकते हैं, जिससे यह बहुत लचीली बन जाती है।
// This code runs in your background script
// Requires "tabs" permission in manifest.json
chrome.tabs.query(
{ url: "*://developer.chrome.com/*" },
function(tabs) {
if (tabs.length > 0) {
console.log("Found " + tabs.length + " Chrome Dev tabs:");
tabs.forEach(tab => console.log("ID: " + tab.id + ", Title: " + tab.title));
} else {
console.log("No Chrome Dev tabs found.");
}
}
);नए टैब बनाना
chrome.tabs.create() की सहायता से नया टैब खोलना आसान है। आप URL, यह कि टैब सक्रिय होना चाहिए या नहीं, और उसकी स्थिति निर्दिष्ट कर सकते हैं।
एक्सटेंशन के तर्क के आधार पर लिंक को नए टैब में खोलने के लिए यह विधि बहुत उपयोगी है।
// This code runs in your background script
// Requires "tabs" permission in manifest.json
chrome.tabs.create(
{ url: "https://www.coddykit.com", active: true, index: 0 },
function(newTab) {
console.log("New tab created with ID: " + newTab.id);
console.log("URL: " + newTab.url);
}
);मौजूदा टैब अपडेट करना
chrome.tabs.update() का उपयोग करके आप किसी मौजूदा टैब की प्रॉपर्टी, जैसे उसका URL या सक्रिय स्थिति, बदल सकते हैं।
जिस टैब को आप अपडेट करना चाहते हैं उसका tabId आवश्यक होगा। यह किसी टैब को नए पेज पर ले जाने में उपयोगी है।
// This code runs in your background script
// Requires "tabs" permission in manifest.json
// First, find an active tab to update
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
if (tabs.length > 0) {
const tabIdToUpdate = tabs[0].id;
console.log("Updating tab ID: " + tabIdToUpdate);
chrome.tabs.update(
tabIdToUpdate,
{ url: "https://www.wikipedia.org", highlighted: true },
function(updatedTab) {
console.log("Tab updated to: " + updatedTab.url);
}
);
} else {
console.log("No active tab to update.");
}
});प्रोग्राम के माध्यम से टैब बंद करना
एक या अधिक टैब बंद करने के लिए chrome.tabs.remove() विधि का उपयोग करें। यह एक अकेले tabId या tabId की एक सारणी स्वीकार करती है।
इस विधि का उपयोग सावधानी से करें, क्योंकि टैब बंद करने से उपयोगकर्ता का कार्यप्रवाह बाधित हो सकता है!
// This code runs in your background script
// Requires "tabs" permission in manifest.json
// Example: Close the currently active tab (use with caution!)
chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) {
if (tabs.length > 0) {
const tabIdToClose = tabs[0].id;
console.log("Attempting to close tab ID: " + tabIdToClose);
chrome.tabs.remove(tabIdToClose, function() {
if (chrome.runtime.lastError) {
console.error("Error closing tab: " + chrome.runtime.lastError.message);
} else {
console.log("Tab ID " + tabIdToClose + " closed.");
}
});
} else {
console.log("No active tab to close.");
}
});टैब का विवरण प्राप्त करना
जब आप कोई टैब बनाते या अपडेट करते हैं, तो कॉलबैक फ़ंक्शन को एक Tab ऑब्जेक्ट प्राप्त होता है। इस ऑब्जेक्ट में id, url, title जैसी उपयोगी प्रॉपर्टी और भी बहुत कुछ शामिल होता है।
टैब के बारे में सबसे नई जानकारी प्राप्त करने के लिए हमेशा इस ऑब्जेक्ट की जाँच करें।
// This code runs in your background script
// Requires "tabs" permission in manifest.json
chrome.tabs.create(
{ url: "https://example.com" },
function(newTab) {
console.log("New tab created.");
console.log("Tab ID: " + newTab.id);
console.log("Tab Title: " + newTab.title);
console.log("Tab URL: " + newTab.url);
// You can now use newTab.id for further operations
}
);टैब नियंत्रण के लिए अनुमतियाँ
याद रखें, अधिकांश chrome.tabs API फ़ंक्शन का उपयोग करने के लिए आपके manifest.json में "tabs" अनुमति होना आवश्यक है।
किसी भी टैब का URL पढ़ने जैसे कार्यों के लिए आपको "<all_urls>" होस्ट अनुमति या विशिष्ट होस्ट अनुमतियों की भी आवश्यकता होगी।
"tabs": बुनियादी टैब कार्यों के लिए आवश्यक।"<all_urls>": ऐसे टैब के URL की क्वेरी करने के लिए आवश्यक जिन्हें आपने नहीं बनाया है या जिनके लिए आपके पास होस्ट अनुमति नहीं है।
टैब प्रबंधन चुनौती
निम्नलिखित में से कौन-सी chrome.tabs API विधि मुख्य रूप से किसी मौजूदा ब्राउज़र टैब का URL बदलने के लिए उपयोग की जाती है?
पुनरावृत्ति: टैब पर आपकी पकड़ बन गई!
बहुत बढ़िया! आपने chrome.tabs API का उपयोग करके ब्राउज़र टैब को प्रोग्राम के माध्यम से प्रबंधित करना सीख लिया है।
- हमने विभिन्न मानदंडों के आधार पर टैब की क्वेरी करना सीखा।
- आपने विशिष्ट URL के साथ नए टैब बनाना सीखा।
- अब आप मौजूदा टैब की प्रॉपर्टी बदलने के लिए उन्हें अपडेट कर सकते हैं।
- और अंत में, आप टैब को प्रोग्राम के माध्यम से बंद करना जानते हैं।
शक्तिशाली ब्राउज़र एक्सटेंशन स्वचालन सुविधाएँ बनाने के लिए ये कौशल आवश्यक हैं!
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 12
- पाठ
- 48
अक्सर पूछे जाने वाले प्रश्न
क्या “टैब प्रबंधन और नियंत्रण” पाठ निःशुल्क है?
हाँ—“टैब प्रबंधन और नियंत्रण” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“टैब प्रबंधन और नियंत्रण” में मैं क्या सीखूँगा?
प्रोग्राम के माध्यम से ब्राउज़र टैब बनाएँ, अपडेट करें, बंद करें और उनके बारे में जानकारी प्राप्त करें, जिससे शक्तिशाली टैब प्रबंधन सुविधाएँ सक्षम हों। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 1वाँ पाठ है।
“टैब प्रबंधन और नियंत्रण” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर ब्राउज़र एक्सटेंशन विकास (Chrome और Edge) पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- टैब प्रबंधन और नियंत्रण
- प्रोग्राम के माध्यम से फ़ॉर्म सबमिट करना
- उपयोगकर्ता की कार्रवाइयों को स्वचालित करना
- Alarms API के साथ कार्यों का समय-निर्धारण