Что нового в Chrome 116 для расширений

Chrome 116 теперь доступен в бета-версии и включает в себя множество интересных обновлений для разработчиков расширений Chrome. Давайте кратко рассмотрим, что нового.

Себастьян Бенц
Себастьян Бенц
Твиттер GitHub Мастодонт

Программно открыть боковую панель

Боковая панель была одной из наиболее востребованных функций в расширениях Chrome и доступна в Chrome начиная с версии 114. После запуска API боковой панели одним из первых полученных нами отзывов было то, что разработчикам нужен способ программного открытия боковая панель. И вот оно: chrome.sidePanel.open сейчас находится в стадии бета-тестирования. Вы можете использовать его для программного открытия боковой панели расширения в ответ на взаимодействие с пользователем, например щелчок в контекстном меню:

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 });
  }
});

Поддержка WebSocket в Service Workers

Поддержка WebSocket имеет решающее значение для многих расширений, планирующих перейти на Manifest V3. В Chrome 116 еще больше улучшена поддержка WebSocket в сервис-воркерах, поскольку все действия WebSocket будут сбрасывать таймер простоя сервис-воркера, равный 30 секундам . Это означает, что пока ваш WebSocket активен, сервис-воркер будет оставаться в живых.

Вы можете использовать это для реализации механизма поддержки активности, гарантирующего, что ваш сервисный работник остается активным, пока вы ожидаете сообщений от вашего сервера - даже если до прибытия следующего сообщения требуется более 30 секунд:

function keepAlive() {
  const keepAliveIntervalId = setInterval(
    () => {
      if (webSocket) {
        webSocket.send('keepalive');
      } else {
        clearInterval(keepAliveIntervalId);
      }
    },
    // It's important to pick an interval that's shorter than 30s, to
    // avoid that the service worker becomes inactive.
    20 * 1000
  );
}

Для получения более подробной информации ознакомьтесь с нашим новым руководством и примером по WebSocket.

Надежная поддержка активности для сервисных работников

Говоря о жизненном цикле сервис-воркера, появилось еще одно важное обновление: надежная поддержка активности для API, требующих взаимодействия с пользователем. API, требующие взаимодействия с пользователем, будут иметь «сильные» проверки активности для работников служб расширений (т. е. позволят работнику выполнять эту задачу дольше 5 минут):

Запись аудио и видео в фоновом режиме

Закрыт еще один пробел между Manifest V2 и Manifest V3: вы можете записывать аудио и видео в фоновом режиме с помощью tabCapture и закадровых документов. Используйте API chrome.tabCapture в сервис-воркере, чтобы получить идентификатор потока после жеста пользователя. Затем его можно передать в закадровый документ , чтобы начать запись.

Ознакомьтесь с нашим обновленным руководством tabCapture , чтобы узнать, как оно работает, или, в качестве рабочего примера, посмотрите образец Tab Capture — Recorder .

Новый API: runtime.getContexts().

Новый API runtime.getContexts() позволяет получать информацию об активных контекстах, связанных с вашими расширениями. Например, вы можете использовать его, чтобы проверить, есть ли активный закадровый документ:

const existingContexts = await chrome.runtime.getContexts({});
const offscreenDocument = existingContexts.find(
    (c) => c.contextType === 'OFFSCREEN_DOCUMENT'
  );

Новая закадровая причина: ГЕОЛОКАЦИЯ

geolocation была добавлена ​​как еще одна веская причина для использования закадрового документа . Ознакомьтесь с нашим руководством по использованию геолокации , чтобы узнать больше о том, как получить географическое местоположение расширения с помощью Offscreen API.

chrome.action.setBadgeText()

action.setBadgeText был обновлен для устранения несоответствия между Manifest V2 и Manifest V3. Передача пустой строки или null в action.setBadgeText приведет к очистке текста значка для указанной вкладки и вместо этого по умолчанию будет использоваться глобальный текст значка.

action.setBadgeText({tabId: tabId, text: ''});

Резюме: еще один шаг к Манифесту V3

Благодаря улучшенной пожизненной поддержке Service Worker и обновленному API TabCapture мы продолжили добиваться прогресса в достижении нашей цели — устранить разрыв в функциях между Manifest V2 и V3. Посетите нашу страницу известных проблем , чтобы узнать текущий статус.