Розробка розширення для браузера Edge (Edge Extension)

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Пропоновані послуги
Показано 1 з 1 послугУсі 2065 послуг
Розробка розширення для браузера Edge (Edge Extension)
Середня
~1-2 тижні
Часті питання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.png
    Розробка сайту компанії B2B ADVANCE
    1262
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1171
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    874
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1094
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    831
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Розробка веб-сайту для компанії ФІКСПЕР
    851

Розробка розширення Edge

Microsoft Edge з 2020 року працює на рушії Chromium, тому Chrome Extensions сумісні з Edge практично без змін. Edge навіть підтримує встановлення розширень із Chrome Web Store безпосередньо. Проте публікація у Microsoft Edge Add-ons (аналог Chrome Web Store) та корпоративний деплой через Active Directory — окрема задача.

Сумісність з Chrome

Edge підтримує ідентичний Chrome Extensions API. Namespace chrome.* працює в Edge так само, як у Chrome. Єдине, що варто пам'ятати:

// Обидва працюють у Edge
chrome.storage.local.set({ key: 'value' });
browser.storage.local.set({ key: 'value' }); // з webextension-polyfill

Розширення, написане для Chrome MV3, встановлюється в Edge без змін — достатньо завантажити той же ZIP.

Специфіка Edge API

Edge додав кілька власних API, недоступних у Chrome:

// Синхронізація через Microsoft акаунт
// (аналог chrome.storage.sync, але через OneDrive)
// Доступна через стандартний chrome.storage.sync у Edge

// Microsoft Graph інтеграція — через web-запити, не через спеціальний API
// Edge Collections — немає публічного API для розширень

// Бокова панель Edge (окрема від chrome.sidePanel)
// manifest.json:
"side_panel": {
  "default_path": "panel.html"
}

Manifest.json зі специфічними налаштуваннями Edge

{
  "manifest_version": 3,
  "name": "My Edge Extension",
  "version": "1.0.0",
  "permissions": ["storage", "tabs", "activeTab", "scripting"],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_popup": "popup.html",
    "default_icon": "icons/icon48.png"
  },
  "content_scripts": [{
    "matches": ["https://*/*"],
    "js": ["content.js"],
    "run_at": "document_idle"
  }],
  "browser_specific_settings": {
    "edge": {
      "browser_action_next_to_addressbar": true
    }
  }
}

Тестування в Edge

# Завантажити розпаковане розширення
# edge://extensions/ → Режим розробника → Завантажити розпаковане розширення

# Або через CLI (Edge повинен бути встановлений)
"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" \
  --load-extension="C:\path\to\extension"

Публікація в Microsoft Edge Add-ons

  1. Зареєструвати акаунт Microsoft Partner Center
  2. Перейти в Edge Add-ons Developer Dashboard
  3. Завантажити ZIP з розширенням
  4. Заповнити метадані (опис, скріншоти, категорія)
  5. Дочекатися ревю (зазвичай 3–7 робочих днів)

Ревю суворіше, ніж у Chrome Web Store — Microsoft окремо перевіряє політику конфіденційності.

Корпоративний деплой через Group Policy

Edge як корпоративний браузер підтримує деплой розширень через GPO без App Store:

<!-- ExtensionInstallForcelist через ADMX/GPO -->
<!-- Значення: extension-id;update-url -->
<!-- Для локального розширення потрібен власний update server -->
<policy name="ExtensionInstallForcelist">
  <value>abcdefghijklmnopabcdefghijklmnop;https://update.example.com/updates.xml</value>
</policy>

Update server (мінімальна реалізація):

<!-- updates.xml -->
<?xml version='1.0' encoding='UTF-8'?>
<gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
  <app appid='abcdefghijklmnopabcdefghijklmnop'>
    <updatecheck codebase='https://update.example.com/extension.crx'
                 version='1.0.0' />
  </app>
</gupdate>

Для упакування .crx без Chrome Web Store:

# Через Chromium CLI
chromium --pack-extension=/path/to/extension \
         --pack-extension-key=/path/to/key.pem

Режими роботи Edge: IE Mode

Edge підтримує режим Internet Explorer для legacy-сайтів. Розширення в IE Mode не працюють — вкладка переключається на рушій Trident. Якщо розширення повинно працювати на корпоративних legacy-сайтах, це обмеження потрібно враховувати на етапі проектування.

Терміни

Адаптація Chrome Extension для Edge Add-ons Store (переупаковка + метадані + ревю) — 1–2 робочих дні. Розширення з Edge-специфічною функціональністю (бокова панель, корпоративний GPO-деплой) — 3–5 днів додатково.