В этой статье я покажу вам шаги по созданию простого уведомления Chrome Desktop, похожего на изображение ниже, с помощью JavaScript всего за 100 секунд ⏰ Давайте посчитаем!
Репозиторий
Вы можете скачать исходный код этой статьи на моем Github: https://github.com/richard-wynn/simple-chrome-desktop-notifications
🔧 Необходимые вещи
- Visual Studio Code с установленным расширением Live Server
- Google Chrome, конечно 😁
Время кодирования!
index.html
Создайте файл index.html со следующим содержимым.
script.js
Затем создайте файл script.js в той же папке, что и файл index.html выше:
Это время работы!
В Visual Studio Code выберите Просмотр→ Палитра команд… и введите Live Server: Open with Live Server, затем нажмите Enter, откроется новая страница:
Нажмите Уведомить меня! и, ура, появится уведомление:
Все просто 😉 Надеюсь, это поможет, если вам нужно использовать уведомления на рабочем столе для вашего веб-сайта (ов).
📱 Оставайтесь на связи
Если вам понравилась эта статья, не забудьте подписаться и оставаться на связи с моими последними в будущем, подписавшись на меня через:
- Twitter: https://twitter.com /RichardWynn01
— Канал: https://richard-wynn.medium.com
— Github:https://github .com/Ричард-Винн