chrome.sidePanel

āĻŦāĻŋāĻŦāϰāĻŖ

āĻāĻ•āϟāĻŋ āĻ“āϝāĻŧ⧇āĻŦāĻĒ⧇āĻœā§‡āϰ āĻŽā§‚āϞ āĻ•āĻ¨ā§āĻŸā§‡āĻ¨ā§āĻŸā§‡āϰ āĻĒāĻžāĻļāĻžāĻĒāĻžāĻļāĻŋ āĻŦā§āϰāĻžāωāϜāĻžāϰ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āĻ•āĻ¨ā§āĻŸā§‡āĻ¨ā§āϟ āĻšā§‹āĻ¸ā§āϟ āĻ•āϰāϤ⧇ chrome.sidePanel API āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧁āύāĨ¤

āĻ…āύ⧁āĻŽāϤāĻŋāϏāĻŽā§‚āĻš

sidePanel

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻāĻĒāĻŋāφāχ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāϤ⧇, āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āϟ āĻĢāĻžāχāϞ⧇ "sidePanel" āĻ…āύ⧁āĻŽāϤāĻŋ āϝ⧋āĻ— āĻ•āϰ⧁āύ:

āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āϟ.āĻœā§‡āϏāύ:

{
  "name": "My side panel extension",
  ...
  "permissions": [
    "sidePanel"
  ]
}

āωāĻĒāĻ¸ā§āĻĨāĻŋāϤāĻŋ

āĻ•ā§āϰ⧋āĻŽ ā§§ā§§ā§Ē+ āĻāĻŽāĻ­āĻŋā§Š+

āϧāĻžāϰāĻŖāĻž āĻāĻŦāĻ‚ āĻŦā§āϝāĻŦāĻšāĻžāϰ

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻāĻĒāĻŋāφāχ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϗ⧁āϞāĻŋāϕ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āϤāĻžāĻĻ⧇āϰ āύāĻŋāϜāĻ¸ā§āĻŦ UI āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āĻ•āϰāĻžāϰ āĻ…āύ⧁āĻŽāϤāĻŋ āĻĻ⧇āϝāĻŧ, āϝāĻž āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āĻŦā§āϰāĻžāωāϜāĻŋāĻ‚ āϝāĻžāĻ¤ā§āϰāĻžāϰ āĻĒāϰāĻŋāĻĒā§‚āϰāĻ• āĻ¸ā§āĻĨāĻžāϝāĻŧā§€ āĻ…āĻ­āĻŋāĻœā§āĻžāϤāĻž āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇āĨ¤

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āĻĄā§āϰāĻĒ-āĻĄāĻžāωāύ āĻŽā§‡āύ⧁
āĻ•ā§āϰ⧋āĻŽ āĻŦā§āϰāĻžāωāϜāĻžāϰ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ UIāĨ¤

āĻ•āĻŋāϛ⧁ āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ⧇āϰ āĻŽāĻ§ā§āϝ⧇ āϰāϝāĻŧ⧇āϛ⧇:

  • āĻŸā§āϝāĻžāĻŦāϗ⧁āϞāĻŋāϰ āĻŽāĻ§ā§āϝ⧇ āύ⧇āĻ­āĻŋāϗ⧇āϟ āĻ•āϰāĻžāϰ āϏāĻŽāϝāĻŧ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻ–ā§‹āϞāĻž āĻĨāĻžāϕ⧇ (āϝāĻĻāĻŋ āĻāϟāĻŋ āϏ⧇āϟ āĻ•āϰāĻž āĻĨāĻžāϕ⧇)āĨ¤
  • āĻāϟāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ“āϝāĻŧ⧇āĻŦāϏāĻžāχāĻŸā§‡ āĻĒāĻžāĻ“āϝāĻŧāĻž āϝāĻžāĻŦ⧇āĨ¤
  • āĻāĻ•āϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĒ⧃āĻˇā§āĻ āĻž āĻšāĻŋāϏ⧇āĻŦ⧇, āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϗ⧁āϞāĻŋāϰ āϏāĻŽāĻ¸ā§āϤ Chrome API-āϤ⧇ āĻ…ā§āϝāĻžāĻ•ā§āϏ⧇āϏ āϰāϝāĻŧ⧇āϛ⧇āĨ¤
  • āĻ•ā§āϰ⧋āĻŽā§‡āϰ āϏ⧇āϟāĻŋāĻ‚āϏ⧇āϰ āĻŽāĻ§ā§āϝ⧇, āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰāĻž āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϕ⧋āύ āĻĻāĻŋāϕ⧇ āĻĒā§āϰāĻĻāĻ°ā§āĻļāĻŋāϤ āĻšāĻŦ⧇ āϤāĻž āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤

āĻŦā§āϝāĻŦāĻšāĻžāϰ⧇āϰ āĻ•ā§āώ⧇āĻ¤ā§āϰ⧇

āύāĻŋāĻŽā§āύāϞāĻŋāĻ–āĻŋāϤ āĻŦāĻŋāĻ­āĻžāĻ—āϗ⧁āϞāĻŋāϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ API-āĻāϰ āĻ•āĻŋāϛ⧁ āϏāĻžāϧāĻžāϰāĻŖ āĻŦā§āϝāĻŦāĻšāĻžāϰ⧇āϰ āωāĻĻāĻžāĻšāϰāĻŖ āĻĻ⧇āĻ–āĻžāύ⧋ āĻšāϝāĻŧ⧇āϛ⧇āĨ¤ āϏāĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āωāĻĻāĻžāĻšāϰāϪ⧇āϰ āϜāĻ¨ā§āϝ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āύāĻŽā§āύāĻž āĻĻ⧇āϖ⧁āύāĨ¤

āĻĒā§āϰāϤāĻŋāϟāĻŋ āϏāĻžāχāĻŸā§‡ āĻāĻ•āχ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āĻ•āϰ⧁āύ

āĻĒā§āϰāϤāĻŋāϟāĻŋ āϏāĻžāχāĻŸā§‡ āĻāĻ•āχ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ⧇āϰ āϜāĻ¨ā§āϝ āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āĻŸā§‡āϰ " "side_panel" "default_path" " āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ āĻĨ⧇āϕ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻĒā§āϰāĻžāĻĨāĻŽāĻŋāĻ•āĻ­āĻžāĻŦ⧇ āϏ⧇āϟ āĻ•āϰāĻž āϝ⧇āϤ⧇ āĻĒāĻžāϰ⧇āĨ¤ āĻāϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĄāĻŋāϰ⧇āĻ•ā§āϟāϰāĻŋāϰ āĻŽāĻ§ā§āϝ⧇ āĻāĻ•āϟāĻŋ āφāĻĒ⧇āĻ•ā§āώāĻŋāĻ• āĻĒāĻĨ āύāĻŋāĻ°ā§āĻĻ⧇āĻļ āĻ•āϰāĻŦ⧇āĨ¤

āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āϟ.āĻœā§‡āϏāύ:

{
  "name": "My side panel extension",
  ...
  "side_panel": {
    "default_path": "sidepanel.html"
  }
  ...
}

sidepanel.html:

<!DOCTYPE html>
<html>
  <head>
    <title>My Sidepanel</title>
  </head>
  <body>
    <h1>All sites sidepanel extension</h1>
    <p>This side panel is enabled on all sites</p>
  </body>
</html>

āĻāĻ•āϟāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āϏāĻžāχāĻŸā§‡ āĻāĻ•āϟāĻŋ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϏāĻ•ā§āώāĻŽ āĻ•āϰ⧁āύ

āĻāĻ•āϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻāĻ•āϟāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻ•āϰāϤ⧇ sidepanel.setOptions() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āĨ¤ āĻāχ āωāĻĻāĻžāĻšāϰāϪ⧇ āĻŸā§āϝāĻžāĻŦ⧇ āĻ•āϰāĻž āϝ⧇āϕ⧋āύ⧋ āφāĻĒāĻĄā§‡āϟ āĻļ⧁āύāϤ⧇ chrome.tabs.onUpdated() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāĻž āĻšāϝāĻŧ⧇āϛ⧇āĨ¤ āĻāϟāĻŋ URLāϟāĻŋ www.google.com āĻ•āĻŋāύāĻž āϤāĻž āĻĒāϰ⧀āĻ•ā§āώāĻž āĻ•āϰ⧇ āĻāĻŦāĻ‚ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻ•āϰ⧇āĨ¤ āĻ…āĻ¨ā§āϝāĻĨāĻžāϝāĻŧ, āĻāϟāĻŋ āĻāϟāĻŋāϕ⧇ āĻ…āĻ•ā§āώāĻŽ āĻ•āϰ⧇āĨ¤

service-worker.js:

const GOOGLE_ORIGIN = 'https://www.google.com';

chrome.tabs.onUpdated.addListener(async (tabId, info, tab) => {
  if (!tab.url) return;
  const url = new URL(tab.url);
  // Enables the side panel on google.com
  if (url.origin === GOOGLE_ORIGIN) {
    await chrome.sidePanel.setOptions({
      tabId,
      path: 'sidepanel.html',
      enabled: true
    });
  } else {
    // Disables the side panel on all other sites
    await chrome.sidePanel.setOptions({
      tabId,
      enabled: false
    });
  }
});

āϝāĻ–āύ āĻāĻ•āϜāύ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀ āĻ…āĻ¸ā§āĻĨāĻžāϝāĻŧā§€āĻ­āĻžāĻŦ⧇ āĻāĻŽāύ āĻāĻ•āϟāĻŋ āĻŸā§āϝāĻžāĻŦ⧇ āĻ¸ā§āϝ⧁āχāϚ āĻ•āϰ⧇āύ āϝ⧇āĻ–āĻžāύ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻĨāĻžāϕ⧇ āύāĻž, āϤāĻ–āύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϞ⧁āĻ•āĻžāύ⧋ āĻĨāĻžāĻ•āĻŦ⧇āĨ¤ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀ āϝāĻ–āύ āĻāĻŽāύ āĻāĻ•āϟāĻŋ āĻŸā§āϝāĻžāĻŦ⧇ āĻ¸ā§āϝ⧁āχāϚ āĻ•āϰ⧇āύ āϝ⧇āĻ–āĻžāύ⧇ āĻāϟāĻŋ āφāϗ⧇ āĻ–ā§‹āϞāĻž āĻ›āĻŋāϞ āϤāĻ–āύ āĻāϟāĻŋ āĻ¸ā§āĻŦāϝāĻŧāĻ‚āĻ•ā§āϰāĻŋāϝāĻŧāĻ­āĻžāĻŦ⧇ āφāĻŦāĻžāϰ āĻĒā§āϰāĻĻāĻ°ā§āĻļāĻŋāϤ āĻšāĻŦ⧇āĨ¤

āϝāĻ–āύ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀ āĻāĻŽāύ āϕ⧋āύāĻ“ āϏāĻžāχāĻŸā§‡ āϝāĻžāύ āϝ⧇āĻ–āĻžāύ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻĨāĻžāϕ⧇ āύāĻž, āϤāĻ–āύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻšāϝāĻŧ⧇ āϝāĻžāĻŦ⧇ āĻāĻŦāĻ‚ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϟāĻŋ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āĻĄā§āϰāĻĒ-āĻĄāĻžāωāύ āĻŽā§‡āύ⧁āϤ⧇ āĻĻ⧇āĻ–āĻž āϝāĻžāĻŦ⧇ āύāĻžāĨ¤

āϏāĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āωāĻĻāĻžāĻšāϰāϪ⧇āϰ āϜāĻ¨ā§āϝ, āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻĒāĻžāĻ°ā§āĻļā§āĻŦ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āύāĻŽā§āύāĻž āĻĻ⧇āϖ⧁āύāĨ¤

āϟ⧁āϞāĻŦāĻžāϰ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϖ⧁āϞ⧁āύāĨ¤

āĻĄā§‡āϭ⧇āϞāĻĒāĻžāϰāϰāĻž āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āĻĻ⧇āϰ sidePanel.setPanelBehavior() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧇ āĻ…ā§āϝāĻžāĻ•āĻļāύ āϟ⧁āϞāĻŦāĻžāϰ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻ–ā§‹āϞāĻžāϰ āĻ…āύ⧁āĻŽāϤāĻŋ āĻĻāĻŋāϤ⧇ āĻĒāĻžāϰ⧇āύāĨ¤ āĻĒā§āϰāĻĨāĻŽā§‡, āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āĻŸā§‡ "action" āϕ⧀āϟāĻŋ āĻ˜ā§‹āώāĻŖāĻž āĻ•āϰ⧁āύ:

āĻŽā§āϝāĻžāύāĻŋāĻĢ⧇āĻ¸ā§āϟ.āĻœā§‡āϏāύ:

{
  "name": "My side panel extension",
  ...
  "action": {
    "default_title": "Click to open panel"
  },
  ...
}

āĻāĻ–āύ, āĻĒā§‚āĻ°ā§āĻŦāĻŦāĻ°ā§āϤ⧀ āωāĻĻāĻžāĻšāϰāϪ⧇ āĻāχ āϕ⧋āĻĄāϟāĻŋ āϝ⧋āĻ— āĻ•āϰ⧁āύ:

service-worker.js:

const GOOGLE_ORIGIN = 'https://www.google.com';

// Allows users to open the side panel by clicking on the action toolbar icon
chrome.sidePanel
  .setPanelBehavior({ openPanelOnActionClick: true })
  .catch((error) => console.error(error));
...

āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āĻŽāĻŋāĻĨāĻ¸ā§āĻ•ā§āϰāĻŋāϝāĻŧāĻžāϝāĻŧ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻĒā§āϰ⧋āĻ—ā§āϰāĻžāĻŽā§āϝāĻžāϟāĻŋāĻ•āĻ­āĻžāĻŦ⧇ āϖ⧁āϞ⧁āύ

Chrome 116 sidePanel.open() āϚāĻžāϞ⧁ āĻ•āϰ⧇āϛ⧇āĨ¤ āĻāϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϗ⧁āϞāĻŋāϕ⧇ āĻāĻ•āϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āĻ…āĻ™ā§āĻ—āĻ­āĻ™ā§āĻ—āĻŋāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϖ⧁āϞāϤ⧇ āĻĻ⧇āϝāĻŧ, āϝ⧇āĻŽāύ āĻ…ā§āϝāĻžāĻ•āĻļāύ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāĻž āĨ¤ āĻ…āĻĨāĻŦāĻž āĻāĻ•āϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĒ⧃āĻˇā§āĻ āĻž āĻŦāĻž āĻ•āĻ¨ā§āĻŸā§‡āĻ¨ā§āϟ āĻ¸ā§āĻ•ā§āϰāĻŋāĻĒā§āĻŸā§‡ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āχāĻ¨ā§āϟāĻžāϰāĻ…ā§āϝāĻžāĻ•āĻļāύ, āϝ⧇āĻŽāύ āĻāĻ•āϟāĻŋ āĻŦā§‹āϤāĻžāĻŽā§‡ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāĻžāĨ¤ āϏāĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āĻĄā§‡āĻŽā§‹āϰ āϜāĻ¨ā§āϝ, āĻ“āĻĒ⧇āύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āύāĻŽā§āύāĻž āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϟāĻŋ āĻĻ⧇āϖ⧁āύāĨ¤

āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀ āϝāĻ–āύ āϕ⧋āύāĻ“ āĻ•āύāĻŸā§‡āĻ•ā§āϏāϟ āĻŽā§‡āύ⧁āϤ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰ⧇āύ āϤāĻ–āύ āĻŦāĻ°ā§āϤāĻŽāĻžāύ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āϕ⧀āĻ­āĻžāĻŦ⧇ āĻāĻ•āϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϖ⧁āϞāĻŦ⧇āύ āϤāĻž āύāĻŋāĻŽā§āύāϞāĻŋāĻ–āĻŋāϤ āϕ⧋āĻĄāϟāĻŋ āĻĻ⧇āĻ–āĻžāϝāĻŧāĨ¤ sidePanel.open() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāĻžāϰ āϏāĻŽāϝāĻŧ, āφāĻĒāύāĻžāϕ⧇ āĻ…āĻŦāĻļā§āϝāχ āϕ⧋āύ āĻ•āύāĻŸā§‡āĻ•ā§āϏāĻŸā§‡ āĻāϟāĻŋ āϖ⧁āϞāĻŦ⧇ āϤāĻž āύāĻŋāĻ°ā§āĻŦāĻžāϚāύ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤ āĻāĻ•āϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϖ⧁āϞāϤ⧇ windowId āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧁āύāĨ¤ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāĻ­āĻžāĻŦ⧇, āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻāĻ•āϟāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻžāϰ āϜāĻ¨ā§āϝ tabId āϏ⧇āϟ āĻ•āϰ⧁āύāĨ¤

service-worker.js:

chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    id: 'openSidePanel',
    title: 'Open side panel',
    contexts: ['all']
  });
});

chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === 'openSidePanel') {
    // This will open the panel in all the pages on the current window.
    chrome.sidePanel.open({ windowId: tab.windowId });
  }
});

āĻ…āĻ¨ā§āϝ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āĻ¸ā§āϝ⧁āχāϚ āĻ•āϰ⧁āύ

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϗ⧁āϞāĻŋ āĻŦāĻ°ā§āϤāĻŽāĻžāύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻĒ⧁āύāϰ⧁āĻĻā§āϧāĻžāϰ āĻ•āϰāϤ⧇ sidepanel.getOptions() āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāϤ⧇ āĻĒāĻžāϰ⧇āĨ¤ āύāĻŋāĻŽā§āύāϞāĻŋāĻ–āĻŋāϤ āωāĻĻāĻžāĻšāϰāĻŖāϟāĻŋ runtime.onInstalled() āĻ āĻāĻ•āϟāĻŋ āĻ¸ā§āĻŦāĻžāĻ—āϤ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϏ⧇āϟ āĻ•āϰ⧇āĨ¤ āϤāĻžāϰāĻĒāϰ āϝāĻ–āύ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀ āĻāĻ•āϟāĻŋ āĻ­āĻŋāĻ¨ā§āύ āĻŸā§āϝāĻžāĻŦ⧇ āύ⧇āĻ­āĻŋāϗ⧇āϟ āĻ•āϰ⧇, āϤāĻ–āύ āĻāϟāĻŋ āĻŽā§‚āϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĻāĻŋāϝāĻŧ⧇ āĻĒā§āϰāϤāĻŋāĻ¸ā§āĻĨāĻžāĻĒāύ āĻ•āϰ⧇āĨ¤

service-worker.js:

const welcomePage = 'sidepanels/welcome-sp.html';
const mainPage = 'sidepanels/main-sp.html';

chrome.runtime.onInstalled.addListener(() => {
  chrome.sidePanel.setOptions({ path: welcomePage });
  chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true });
});

chrome.tabs.onActivated.addListener(async ({ tabId }) => {
  const { path } = await chrome.sidePanel.getOptions({ tabId });
  if (path === welcomePage) {
    chrome.sidePanel.setOptions({ path: mainPage });
  }
});

āϏāĻŽā§āĻĒā§‚āĻ°ā§āĻŖ āϕ⧋āĻĄā§‡āϰ āϜāĻ¨ā§āϝ āĻāĻ•āĻžāϧāĻŋāĻ• āĻĒāĻžāĻ°ā§āĻļā§āĻŦ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āύāĻŽā§āύāĻž āĻĻ⧇āϖ⧁āύāĨ¤

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āĻ…āĻ­āĻŋāĻœā§āĻžāϤāĻž

āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰāĻž āĻĒā§āϰāĻĨāĻŽā§‡ Chrome āĻāϰ āĻ…āĻ¨ā§āϤāĻ°ā§āύāĻŋāĻ°ā§āĻŽāĻŋāϤ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϗ⧁āϞāĻŋ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāĻŦ⧇āύāĨ¤ āĻĒā§āϰāϤāĻŋāϟāĻŋ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŽā§‡āύ⧁āϤ⧇ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āφāχāĻ•āύ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āĻ•āϰ⧇āĨ¤ āϝāĻĻāĻŋ āϕ⧋āύāĻ“ āφāχāĻ•āύ āĻ…āĻ¨ā§āϤāĻ°ā§āϭ⧁āĻ•ā§āϤ āύāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āĻāϟāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āύāĻžāĻŽā§‡āϰ āĻĒā§āϰāĻĨāĻŽ āĻ…āĻ•ā§āώāϰ āϏāĻš āĻāĻ•āϟāĻŋ āĻĒā§āϞ⧇āϏāĻšā§‹āĻ˛ā§āĻĄāĻžāϰ āφāχāĻ•āύ āĻĻ⧇āĻ–āĻžāĻŦ⧇āĨ¤

āĻĒāĻžāĻļ⧇āϰ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϖ⧁āϞ⧁āύ

āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āĻĻ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻžāϰ āĻ…āύ⧁āĻŽāϤāĻŋ āĻĻāĻŋāϤ⧇, sidePanel.setPanelBehavior() āĻāϰ āϏāĻžāĻĨ⧇ āĻāĻ•āϟāĻŋ āĻ…ā§āϝāĻžāĻ•āĻļāύ āφāχāĻ•āύ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰ⧁āύāĨ¤ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāĻ­āĻžāĻŦ⧇, āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āχāĻ¨ā§āϟāĻžāϰāĻ…ā§āϝāĻžāĻ•āĻļāύ⧇āϰ āĻĒāϰ⧇ sidePanel.open() āĻ āĻ•āϞ āĻ•āϰ⧁āύ, āϝ⧇āĻŽāύ:

āĻĒāĻžāĻļ⧇āϰ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻĒāĻŋāύ āĻ•āϰ⧁āύ

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ UI-āϤ⧇ āĻĒāĻŋāύ āφāχāĻ•āύāĨ¤
āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ UI-āϤ⧇ āĻĒāĻŋāύ āφāχāĻ•āύāĨ¤

āϝāĻ–āύ āφāĻĒāύāĻžāϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āĻĨāĻžāϕ⧇ āϤāĻ–āύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϟ⧁āϞāĻŦāĻžāϰāϟāĻŋ āĻāĻ•āϟāĻŋ āĻĒāĻŋāύ āφāχāĻ•āύ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ āĻ•āϰ⧇āĨ¤ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āφāĻĒāύāĻžāϰ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āĻ…ā§āϝāĻžāĻ•āĻļāύ āφāχāĻ•āύāϟāĻŋ āĻĒāĻŋāύ āĻšāϝāĻŧ⧇ āϝāĻžāϝāĻŧāĨ¤ āĻāĻ•āĻŦāĻžāϰ āĻĒāĻŋāύ āĻ•āϰāĻž āĻ…ā§āϝāĻžāĻ•āĻļāύ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āφāĻĒāύāĻžāϰ āĻ…ā§āϝāĻžāĻ•āĻļāύ āφāχāĻ•āύ⧇āϰ āϜāĻ¨ā§āϝ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āĻ…ā§āϝāĻžāĻ•āĻļāύāϟāĻŋ āϏāĻŽā§āĻĒāĻžāĻĻāύ āĻ•āϰāĻŦ⧇ āĻāĻŦāĻ‚ āϝāĻĻāĻŋ āĻāϟāĻŋ āĻ¸ā§āĻĒāĻˇā§āϟāĻ­āĻžāĻŦ⧇ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ āĻ•āϰāĻž āĻĨāĻžāϕ⧇ āϤāĻŦ⧇āχ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϖ⧁āϞāĻŦ⧇āĨ¤

āωāĻĻāĻžāĻšāϰāĻŖ

āφāϰāĻ“ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻāĻĒāĻŋāφāχ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĄā§‡āĻŽā§‹āϰ āϜāĻ¨ā§āϝ, āύāĻŋāĻŽā§āύāϞāĻŋāĻ–āĻŋāϤ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϗ⧁āϞāĻŋāϰ āϝ⧇āϕ⧋āύ⧋ āĻāĻ•āϟāĻŋ āĻ…āĻ¨ā§āĻŦ⧇āώāĻŖ āĻ•āϰ⧁āύ:

āĻĒā§āϰāĻ•āĻžāϰāϭ⧇āĻĻ

CloseOptions

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§§+

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āϏ⧇āχ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝ āĻāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻšāϝāĻŧ⧇ āϝāĻžāĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻ–ā§‹āϞāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ close() āĻ•āϞ⧇āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻĢ⧇āϰāϤ āφāϏāĻž āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻāĻ•āϟāĻŋ āĻ¤ā§āϰ⧁āϟāĻŋ āϏāĻš āĻĒā§āϰāĻ¤ā§āϝāĻžāĻ–ā§āϝāĻžāύ āĻ•āϰāĻŦ⧇āĨ¤ Chrome 145-āĻ āĻāχ āφāϚāϰāĻŖāϟāĻŋ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āĻ•āϰāĻž āĻšāϝāĻŧ⧇āĻ›āĻŋāϞ, āĻĒā§‚āĻ°ā§āĻŦāĻŦāĻ°ā§āϤ⧀ āϏāĻ‚āĻ¸ā§āĻ•āϰāĻŖāϗ⧁āϞāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ•āϰāĻžāϰ āϜāĻ¨ā§āϝ āĻĢāĻŋāϰ⧇ āĻāϏ⧇āĻ›āĻŋāϞāĨ¤ āĻ•āĻŽāĻĒāĻ•ā§āώ⧇ āĻāχ āĻŦāĻž windowId āĻāϰ āĻāĻ•āϟāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤

  • āωāχāĻ¨ā§āĻĄā§‹ āφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āĻāĻ•āϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āϏ⧇āχ āωāχāĻ¨ā§āĻĄā§‹āϰ āϏāĻŽāĻ¸ā§āϤ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝ āĻāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻšāϝāĻŧ⧇ āϝāĻžāĻŦ⧇ āϝ⧇āĻ–āĻžāύ⧇ āϕ⧋āύāĻ“ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻĒā§āϝāĻžāύ⧇āϞ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āύ⧇āχāĨ¤ āĻāϰ āĻŽāĻ§ā§āϝ⧇ āĻ•āĻŽāĻĒāĻ•ā§āώ⧇ āĻāĻ•āϟāĻŋ āĻŦāĻž tabId āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤

GetPanelOptions

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝāĻĻāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āĻĒā§āϰāĻĻāĻ¤ā§āϤ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ āĻĢ⧇āϰāϤ āĻĒāĻžāĻ āĻžāύ⧋ āĻšāĻŦ⧇āĨ¤ āĻ…āĻ¨ā§āϝāĻĨāĻžāϝāĻŧ, āĻĄāĻŋāĻĢāĻ˛ā§āϟ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ āĻĢ⧇āϰāϤ āĻĒāĻžāĻ āĻžāύ⧋ āĻšāĻŦ⧇ (āϝ⧇ āϕ⧋āύāĻ“ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝ āĻŦā§āϝāĻŦāĻšā§ƒāϤ āĻšāϝāĻŧ āϝāĻžāϰ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āϏ⧇āϟāĻŋāĻ‚āϏ āύ⧇āχ)āĨ¤

OpenOptions

āĻ•ā§āϰ⧋āĻŽ ā§§ā§§ā§Ŧ+

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϖ⧁āϞāϤ⧇ āĻšāĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āϏāĻ‚āĻļā§āϞāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϕ⧇āĻŦāϞ āϏ⧇āχ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝāχ āĻ–ā§‹āϞāĻž āĻĨāĻžāĻ•āĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āϕ⧋āύāĻ“ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻĒā§āϝāĻžāύ⧇āϞ āύāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āĻ–ā§‹āϞāĻž āĻĨāĻžāĻ•āĻŦ⧇ āĻāĻŦāĻ‚ āĻŦāĻ°ā§āϤāĻŽāĻžāύ⧇ āĻ–ā§‹āϞāĻž āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻĒā§āϝāĻžāύ⧇āϞ āĻ›āĻžāĻĄāĻŧāĻžāχ āĻ…āĻ¨ā§āϝ āϝ⧇āϕ⧋āύ⧋ āĻŸā§āϝāĻžāĻŦ⧇ āĻ–ā§‹āϞāĻž āĻĨāĻžāĻ•āĻŦ⧇āĨ¤ āĻāϟāĻŋ āϏāĻ‚āĻļā§āϞāĻŋāĻˇā§āϟ āĻŸā§āϝāĻžāĻŦ⧇ āĻŦāĻ°ā§āϤāĻŽāĻžāύ⧇ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āϝ⧇āϕ⧋āύ⧋ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ (āĻ—ā§āϞ⧋āĻŦāĻžāϞ āĻŦāĻž āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ) āĻ“āĻ­āĻžāϰāϰāĻžāχāĻĄ āĻ•āϰāĻŦ⧇āĨ¤ āĻāχ āĻŦāĻž windowId āĻ…āĻ¨ā§āϤāϤ āĻāĻ•āϟāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤

  • āωāχāĻ¨ā§āĻĄā§‹ āφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āϖ⧁āϞāϤ⧇ āĻšāĻŦ⧇āĨ¤ āĻāϟāĻŋ āϕ⧇āĻŦāϞ āϤāĻ–āύāχ āĻĒā§āϰāϝ⧋āĻœā§āϝ āϝāĻĻāĻŋ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύāϟāĻŋāϤ⧇ āĻāĻ•āϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ (āĻ…-āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ) āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĨāĻžāϕ⧇ āĻ…āĻĨāĻŦāĻž tabId āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰāĻž āĻĨāĻžāϕ⧇āĨ¤ āĻāϟāĻŋ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āĻĻā§āĻŦāĻžāϰāĻž āĻĒā§āϰāĻĻāĻ¤ā§āϤ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āĻ–ā§‹āϞāĻž āϝ⧇āϕ⧋āύ⧋ āĻŦāĻ°ā§āϤāĻŽāĻžāύ⧇ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϕ⧇ āĻ“āĻ­āĻžāϰāϰāĻžāχāĻĄ āĻ•āϰāĻŦ⧇āĨ¤ āĻāϰ āĻŽāĻ§ā§āϝ⧇ āĻ…āĻ¨ā§āϤāϤ āĻāĻ•āϟāĻŋ āĻŦāĻž tabId āĻ…āĻŦāĻļā§āϝāχ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāϤ⧇ āĻšāĻŦ⧇āĨ¤

PanelBehavior

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻ“āĻĒ⧇āύāĻĒā§āϝāĻžāύ⧇āϞāĻ…āύāĻ…ā§āϝāĻžāĻ•āĻļāύāĻ•ā§āϞāĻŋāĻ•

    āĻŦ⧁āϞāĻŋāϝāĻŧāĻžāύ āϐāĻšā§āĻ›āĻŋāĻ•

    āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āφāχāĻ•āύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āĻāĻ¨ā§āĻŸā§āϰāĻŋ āĻĻ⧇āĻ–āĻžāĻŦ⧇ āĻ•āĻŋāύāĻžāĨ¤ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āĻšāĻŋāϏ⧇āĻŦ⧇ āĻŽāĻŋāĻĨā§āϝāĻžāĨ¤

PanelClosedInfo

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ē⧍+

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻĒāĻĨ

    āĻ¸ā§āĻŸā§āϰāĻŋāĻ‚

    āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĒā§āϝāĻžāϕ⧇āĻœā§‡āϰ āĻŽāĻ§ā§āϝ⧇ āĻ¸ā§āĻĨāĻžāύ⧀āϝāĻŧ āϰāĻŋāϏ⧋āĻ°ā§āϏ⧇āϰ āĻĒāĻĨ āϝāĻžāϰ āĻŦāĻŋāώāϝāĻŧāĻŦāĻ¸ā§āϤ⧁ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āĻĒā§āϰāĻĻāĻ°ā§āĻļāĻŋāϤ āĻšāϝāĻŧāĨ¤

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ›āĻŋāϞ āϤāĻžāϰ āϐāĻšā§āĻ›āĻŋāĻ• āφāχāĻĄāĻŋāĨ¤ āĻāϟāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āϤāĻ–āύāχ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāĻž āĻšāϝāĻŧ āϝāĻ–āύ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻšāϝāĻŧāĨ¤

  • āωāχāĻ¨ā§āĻĄā§‹ āφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž

    āϝ⧇ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ›āĻŋāϞ āϤāĻžāϰ āφāχāĻĄāĻŋāĨ¤ āĻāϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āĻāĻŦāĻ‚ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āωāĻ­āϝāĻŧ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āϜāĻ¨ā§āϝāχ āωāĻĒāϞāĻŦā§āϧāĨ¤

PanelLayout

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§Ļ+

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

PanelOpenedInfo

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§§+

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻĒāĻĨ

    āĻ¸ā§āĻŸā§āϰāĻŋāĻ‚

    āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĒā§āϝāĻžāϕ⧇āĻœā§‡āϰ āĻŽāĻ§ā§āϝ⧇ āĻ¸ā§āĻĨāĻžāύ⧀āϝāĻŧ āϰāĻŋāϏ⧋āĻ°ā§āϏ⧇āϰ āĻĒāĻĨ āϝāĻžāϰ āĻŦāĻŋāώāϝāĻŧāĻŦāĻ¸ā§āϤ⧁ āĻĒā§āϝāĻžāύ⧇āϞ⧇ āĻĒā§āϰāĻĻāĻ°ā§āĻļāĻŋāϤ āĻšāϝāĻŧāĨ¤

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝ⧇ āĻŸā§āϝāĻžāĻŦ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āφāϛ⧇ āϤāĻžāϰ āϐāĻšā§āĻ›āĻŋāĻ• āφāχāĻĄāĻŋāĨ¤ āĻāϟāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āϤāĻ–āύāχ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰāĻž āĻšāϝāĻŧ āϝāĻ–āύ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻšāϝāĻŧāĨ¤

  • āωāχāĻ¨ā§āĻĄā§‹ āφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž

    āϝ⧇ āωāχāĻ¨ā§āĻĄā§‹āϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āφāϛ⧇ āϤāĻžāϰ āφāχāĻĄāĻŋāĨ¤ āĻāϟāĻŋ āĻ—ā§āϞ⧋āĻŦāĻžāϞ āĻāĻŦāĻ‚ āĻŸā§āϝāĻžāĻŦ-āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āωāĻ­āϝāĻŧ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āϜāĻ¨ā§āϝāχ āωāĻĒāϞāĻŦā§āϧāĨ¤

PanelOptions

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āϏāĻ•ā§āϰāĻŋāϝāĻŧ

    āĻŦ⧁āϞāĻŋāϝāĻŧāĻžāύ āϐāĻšā§āĻ›āĻŋāĻ•

    āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻ•āϰāĻž āωāϚāĻŋāϤ āĻ•āĻŋāύāĻžāĨ¤ āĻāϟāĻŋ āϐāĻšā§āĻ›āĻŋāĻ•āĨ¤ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āĻŽāĻžāύ āϏāĻ¤ā§āϝāĨ¤

  • āĻĒāĻĨ

    āĻ¸ā§āĻŸā§āϰāĻŋāĻ‚ āϐāĻšā§āĻ›āĻŋāĻ•

    āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ HTML āĻĢāĻžāχāϞ⧇āϰ āĻĒāĻĨ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāĻž āĻšāĻŦ⧇āĨ¤ āĻāϟāĻŋ āĻ…āĻŦāĻļā§āϝāχ āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ āĻĒā§āϝāĻžāϕ⧇āĻœā§‡āϰ āĻŽāĻ§ā§āϝ⧇ āĻāĻ•āϟāĻŋ āĻ¸ā§āĻĨāĻžāύ⧀āϝāĻŧ āϰāĻŋāϏ⧋āĻ°ā§āϏ āĻšāϤ⧇ āĻšāĻŦ⧇āĨ¤

  • āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ

    āϏāĻ‚āĻ–ā§āϝāĻž āϐāĻšā§āĻ›āĻŋāĻ•

    āϝāĻĻāĻŋ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻāχ āφāχāĻĄāĻŋ āϏāĻš āĻŸā§āϝāĻžāĻŦ⧇ āĻĒā§āϰāϝ⧋āĻœā§āϝ āĻšāĻŦ⧇āĨ¤ āϝāĻĻāĻŋ āĻŦāĻžāĻĻ āĻĻ⧇āĻ“āϝāĻŧāĻž āĻšāϝāĻŧ, āϤāĻžāĻšāϞ⧇ āĻāχ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āφāϚāϰāĻŖ āϏ⧇āϟ āĻ•āϰ⧇ (āϝ⧇ āϕ⧋āύāĻ“ āĻŸā§āϝāĻžāĻŦ⧇āϰ āϜāĻ¨ā§āϝ āĻŦā§āϝāĻŦāĻšā§ƒāϤ āĻšāϝāĻŧ āϝāĻžāϰ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āϏ⧇āϟāĻŋāĻ‚āϏ āύ⧇āχ)āĨ¤ āĻĻā§āϰāĻˇā§āϟāĻŦā§āϝ: āϝāĻĻāĻŋ āĻāχ āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋ āĻāĻŦāĻ‚ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋāϰ āϜāĻ¨ā§āϝ āĻāĻ•āχ āĻĒāĻĨ āϏ⧇āϟ āĻ•āϰāĻž āĻĨāĻžāϕ⧇, āϤāĻžāĻšāϞ⧇ āĻāχ āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋāϰ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻĄāĻŋāĻĢāĻ˛ā§āϟ āĻŸā§āϝāĻžāĻŦāφāχāĻĄāĻŋāϰ āĻĒā§āϝāĻžāύ⧇āϞ āĻĨ⧇āϕ⧇ āφāϞāĻžāĻĻāĻž āĻāĻ•āϟāĻŋ āωāĻĻāĻžāĻšāϰāĻŖ āĻšāĻŦ⧇āĨ¤

Side

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§Ļ+

āĻŦā§āϰāĻžāωāϜāĻžāϰ UI-āϤ⧇ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āϜāĻ¨ā§āϝ āϏāĻŽā§āĻ­āĻžāĻŦā§āϝ āϏāĻžāϰāĻŋāĻŦāĻĻā§āϧāĻ•āϰāĻŖ āύāĻŋāĻ°ā§āϧāĻžāϰāĻŖ āĻ•āϰ⧇āĨ¤

āĻāύāĻžāĻŽ

"āĻŦāĻžāĻŽ"

"āĻ āĻŋāĻ•"

SidePanel

āĻŦ⧈āĻļāĻŋāĻˇā§āĻŸā§āϝ

  • āĻĄāĻŋāĻĢāĻ˛ā§āϟ_āĻĒāĻĨ

    āĻ¸ā§āĻŸā§āϰāĻŋāĻ‚

    āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻĒā§āϰāĻĻāĻ°ā§āĻļāύ⧇āϰ āϜāĻ¨ā§āϝ āĻĄā§‡āϭ⧇āϞāĻĒāĻžāϰ āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻĒāĻĨāĨ¤

āĻĒāĻĻā§āϧāϤāĻŋ

close()

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§§+
chrome.sidePanel.close(
  options: CloseOptions,
)
: Promise<void>

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻŦāĻ¨ā§āϧ āĻ•āϰ⧇ āĻĻ⧇āϝāĻŧāĨ¤ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āχāϤāĻŋāĻŽāĻ§ā§āϝ⧇āχ āĻŦāĻ¨ā§āϧ āĻĨāĻžāĻ•āϞ⧇ āĻāϟāĻŋ āϕ⧋āύāĻ“ āĻŦāĻŋāĻ•āĻ˛ā§āĻĒ āύāϝāĻŧāĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ<āĻ…āĻ•āĻžāĻ°ā§āϝāĻ•āϰ>

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŦāĻ¨ā§āϧ āĻšāϝāĻŧ⧇ āϗ⧇āϞ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧ⧇ āϝāĻžāϝāĻŧāĨ¤

getLayout()

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§Ļ+
chrome.sidePanel.getLayout(): Promise<PanelLayout>

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ⧇āϰ āĻŦāĻ°ā§āϤāĻŽāĻžāύ āϞ⧇āφāωāϟ āĻĢ⧇āϰāϤ āĻĒāĻžāĻ āĻžāϝāĻŧāĨ¤

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ< āĻĒā§āϝāĻžāύ⧇āϞ āϞ⧇āφāωāϟ >

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āĻāĻ•āϟāĻŋ PanelLayout āĻĻāĻŋāϝāĻŧ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻ•āϰāĻž āĻšāϝāĻŧāĨ¤

getOptions()

chrome.sidePanel.getOptions(
  options: GetPanelOptions,
)
: Promise<PanelOptions>

āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻĒā§āϝāĻžāύ⧇āϞ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ⧇āĻļāύ āĻĢ⧇āϰāϤ āĻĒāĻžāĻ āĻžāϝāĻŧāĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

  • āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ

    āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ⧇āĻļāύāϟāĻŋ āĻĢ⧇āϰāϤ āĻĻ⧇āĻ“āϝāĻŧāĻžāϰ āϜāĻ¨ā§āϝ āĻĒā§āϰāϏāĻ™ā§āĻ— āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰ⧇āĨ¤

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ < āĻĒā§āϝāĻžāύ⧇āϞāĻŦāĻŋāĻ•āĻ˛ā§āĻĒ >

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āϏāĻ•ā§āϰāĻŋāϝāĻŧ āĻĒā§āϝāĻžāύ⧇āϞ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ⧇āĻļāύ⧇āϰ āϏāĻžāĻĨ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧāĨ¤

getPanelBehavior()

chrome.sidePanel.getPanelBehavior(): Promise<PanelBehavior>

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āĻŦāĻ°ā§āϤāĻŽāĻžāύ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āφāϚāϰāĻŖ āĻĢ⧇āϰāϤ āĻĒāĻžāĻ āĻžāϝāĻŧāĨ¤

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ< āĻĒā§āϝāĻžāύ⧇āϞ āφāϚāϰāĻŖ >

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āφāϚāϰāϪ⧇āϰ āϏāĻžāĻĨ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧāĨ¤

open()

āĻ•ā§āϰ⧋āĻŽ ā§§ā§§ā§Ŧ+
chrome.sidePanel.open(
  options: OpenOptions,
)
: Promise<void>

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϜāĻ¨ā§āϝ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āĻ–ā§‹āϞ⧇āĨ¤ āĻāϟāĻŋ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻŦā§āϝāĻŦāĻšāĻžāϰāĻ•āĻžāϰ⧀āϰ āϕ⧋āύāĻ“ āĻĒāĻĻāĻ•ā§āώ⧇āĻĒ⧇āϰ āĻĒā§āϰāϤāĻŋāĻ•ā§āϰāĻŋāϝāĻŧāĻž āĻšāĻŋāϏāĻžāĻŦ⧇ āĻ•āϞ āĻ•āϰāĻž āϝ⧇āϤ⧇ āĻĒāĻžāϰ⧇āĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

  • āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ

    āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞāϟāĻŋ āϕ⧋āύ āĻĒā§āϰ⧇āĻ•ā§āώāĻžāĻĒāĻŸā§‡ āϖ⧁āϞāϤ⧇ āĻšāĻŦ⧇ āϤāĻž āύāĻŋāĻ°ā§āĻĻāĻŋāĻˇā§āϟ āĻ•āϰ⧇āĨ¤

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ<āĻ…āĻ•āĻžāĻ°ā§āϝāĻ•āϰ>

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻžāϰ āĻĒāϰ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧ⧇ āϝāĻžāϝāĻŧāĨ¤

setOptions()

chrome.sidePanel.setOptions(
  options: PanelOptions,
)
: Promise<void>

āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ āĻ•āϰ⧇āĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ<āĻ…āĻ•āĻžāĻ°ā§āϝāĻ•āϰ>

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āĻŦāĻŋāĻ•āĻ˛ā§āĻĒāϗ⧁āϞāĻŋ āϏ⧇āϟ āĻ•āϰāĻžāϰ āĻĒāϰ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧ⧇ āϝāĻžāϝāĻŧāĨ¤

setPanelBehavior()

chrome.sidePanel.setPanelBehavior(
  behavior: PanelBehavior,
)
: Promise<void>

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āφāϚāϰāĻŖ āĻ•āύāĻĢāĻŋāĻ—āĻžāϰ āĻ•āϰ⧇āĨ¤ āĻāϟāĻŋ āĻāĻ•āϟāĻŋ āφāĻĒāϏāĻžāĻ°ā§āϟ āĻ…āĻĒāĻžāϰ⧇āĻļāύāĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

āϰāĻŋāϟāĻžāĻ°ā§āύāϏ

  • āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ<āĻ…āĻ•āĻžāĻ°ā§āϝāĻ•āϰ>

    āĻāĻ•āϟāĻŋ āĻĒā§āϰāϤāĻŋāĻļā§āϰ⧁āϤāĻŋ āĻĒā§āϰāĻĻāĻžāύ āĻ•āϰ⧇ āϝāĻž āύāϤ⧁āύ āφāϚāϰāĻŖ āϏ⧇āϟ āĻ•āϰāĻžāϰ āĻĒāϰ⧇ āϏāĻŽāĻžāϧāĻžāύ āĻšāϝāĻŧ⧇ āϝāĻžāϝāĻŧāĨ¤

āχāϭ⧇āĻ¨ā§āϟāϗ⧁āϞāĻŋ

onClosed

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ē⧍+
chrome.sidePanel.onClosed.addListener(
  callback: function,
)

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻŦāĻ¨ā§āϧ āĻĨāĻžāĻ•āϞ⧇ āϚāĻžāϞ⧁ āĻšāϝāĻŧāĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ

onOpened

āĻ•ā§āϰ⧋āĻŽ ā§§ā§Ēā§§+
chrome.sidePanel.onOpened.addListener(
  callback: function,
)

āĻāĻ•ā§āϏāĻŸā§‡āύāĻļāύ⧇āϰ āϏāĻžāχāĻĄ āĻĒā§āϝāĻžāύ⧇āϞ āĻ–ā§‹āϞāĻž āĻšāϞ⧇ āϚāĻžāϞ⧁ āĻšāϝāĻŧāĨ¤

āĻĒāϰāĻžāĻŽāĻŋāϤāĻŋ