একটি কর্ম বাস্তবায়ন

একজন ব্যবহারকারী যখন টুলবার আইকনটিতে ক্লিক করেন তখন যা ঘটে তাকে একটি অ্যাকশন বলে, যাকে সাধারণত আপনার এক্সটেনশনের জন্য অ্যাকশন আইকন বলা হয়। একটি অ্যাকশন অ্যাকশন API ব্যবহার করে একটি এক্সটেনশন বৈশিষ্ট্য আহ্বান করে বা একটি পপআপ খোলে। এই পৃষ্ঠাটি দেখায় কিভাবে একটি এক্সটেনশন বৈশিষ্ট্য চালু করতে হয়। একটি পপআপ ব্যবহার করতে, একটি পপআপ যোগ করুন দেখুন।

কর্ম নিবন্ধন

chrome.action API ব্যবহার করতে, এক্সটেনশনের ম্যানিফেস্ট ফাইলে "action" কী যোগ করুন। এই ক্ষেত্রের ঐচ্ছিক বৈশিষ্ট্যগুলির সম্পূর্ণ বিবরণের জন্য chrome.action API রেফারেন্সের ম্যানিফেস্ট বিভাগটি দেখুন৷

manifest.json:

{
  "name": "My Awesome action Extension",
 ...
  "action": {
   ...
  }
 ...
}

কর্মে সাড়া দিন

ব্যবহারকারী যখন অ্যাকশন আইকনে ক্লিক করেন তখন একটি onClicked হ্যান্ডলার নিবন্ধন করুন। manifest.json ফাইলে একটি পপআপ নিবন্ধিত হলে এই ইভেন্টটি ট্রিগার হয় না৷

service-worker.js:

chrome.action.onClicked.addListener((tab) => {
  chrome.action.setTitle({
    tabId: tab.id,
    title: `You are on tab: ${tab.id}`});
});

শর্তসাপেক্ষে কর্মটি সক্রিয় করুন

chrome.declarativeContent API আপনাকে পৃষ্ঠার URL-এর উপর ভিত্তি করে বা যখন CSS নির্বাচকরা পৃষ্ঠার উপাদানগুলির সাথে মেলে তখন এক্সটেনশনের অ্যাকশন আইকন সক্ষম করতে দেয়৷ যখন একটি এক্সটেনশনের অ্যাকশন আইকন অক্ষম থাকে, তখন আইকনটি ধূসর হয়ে যায়। ব্যবহারকারী অক্ষম আইকনে ক্লিক করলে, এক্সটেনশনের প্রসঙ্গ মেনু প্রদর্শিত হবে।

একটি অক্ষম অ্যাকশন আইকন
একটি অক্ষম অ্যাকশন আইকন।

অ্যাকশন ব্যাজ

ব্যাজগুলি হল ক্রিয়া আইকনের উপরে রাখা ফর্ম্যাট করা পাঠ্যের বিটগুলি যা এক্সটেনশন অবস্থার মতো জিনিসগুলি নির্দেশ করতে বা ব্যবহারকারীর দ্বারা প্রয়োজনীয় ক্রিয়াগুলি নির্দেশ করে৷ এটি প্রদর্শন করার জন্য, ড্রিংক ওয়াটার নমুনা ব্যবহারকারীকে দেখানোর জন্য "চালু" সহ একটি ব্যাজ প্রদর্শন করে যে তারা সফলভাবে একটি অ্যালার্ম সেট করেছে এবং যখন এক্সটেনশনটি নিষ্ক্রিয় থাকে তখন কিছুই প্রদর্শন করে না৷ ব্যাজে চারটি অক্ষর পর্যন্ত থাকতে পারে।

ব্যাজ ছাড়া এবং ব্যাজ সহ একটি এক্সটেনশন আইকন।
ব্যাজ ছাড়া একটি এক্সটেনশন আইকন (বাম) এবং ব্যাজ সহ (ডানদিকে)।

chrome.action.setBadgeText() কল করে ব্যাজের পাঠ্য সেট করুন এবং chrome.action.setBadgeBackgroundColor() ` কল করে ব্যাকগ্রাউন্ডের রঙ সেট করুন।

service-worker.js:

chrome.action.setBadgeText({text: 'ON'});
chrome.action.setBadgeBackgroundColor({color: '#4688F1'});

টুলটিপ

manifest.json ফাইলে "action" কী-এর অধীনে "default_title" ক্ষেত্রে টুলটিপ নিবন্ধন করুন।

manifest.json:

{
  "name": "Tab Flipper",
 ...
  "action": {
    "default_title": "Press Ctrl(Win)/Command(Mac)+Shift+Right/Left to flip tabs"
  }
...
}

এছাড়াও আপনি action.setTitle() ` এ কল করে টুলটিপ সেট বা আপডেট করতে পারেন। কোনো টুলটিপ সেট না থাকলে, এক্সটেনশনের নাম প্রদর্শিত হয়।