Обновить

Комментарии 1

Привет! Очень интересная идея! Да, кажется в рамках расширения будет довольно неплохо себя показывать. Также в расширении можно сделать настраиваемый список домен-селектор (с предустановленными для vk, spotify и другими из статьи) Есть рекомендация по коду - вместо switch использовать маппер, который проще сохранять в файл, загружать и в целом редактировать без изменения логики выбора селектора и получения кнопки.

const mapper = {
  "open.spotify.com": "[data-testid='control-button-playpause']",
  "music.yandex.ru": "[aria-label='Пауза']",
  "zvuk.com": "[id='theme-provider'] > div > div > div:nth-of-type(2) > div > div > div:nth-of-type(2) > div > button:nth-of-type(2)",
  "vk.com": "[data-testid='audio-player-controls-state-button']",
  "www.youtube.com": "[aria-keyshortcuts='k']"
}

const getPauseButton = () => {
    const url = window.location.href;
    const domain = new URL(url).hostname;
    
    if (!mapper.hasOwnProperty(domain)) {
      return null
    }
    
    return document.querySelector(mapper[domain])
}
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации