Stay organized with collections
Save and categorize content based on your preferences.
Post messages to a user's system tray using the extensions
Notifications API .
Start by declaring the "notifications"
permission in the manifest.json.
{
"na me ": "Dri n k Wa ter Eve nt Popup ",
...
"permissio ns ": [
"n o t i f ica t io ns ",
],
...
}
Once the permission is declared, display a notification by calling
notifications.create()
.
The following example is taken from the Drink water event popup
sample. It uses an alarm to set a reminder to drink a glass of water. This code
shows the triggering of the alarm. Follow the previous link to explore how this
is set up.
chrome . alarms . onAlarm . addListener (() = > {
chrome . action . setBadgeText ({ text : '' });
chrome . notifications . create ({
type : 'basic ',
iconUrl : 'stay_hydrated . png ',
title : 'Time to Hydrate ',
message : "Everyday I'm Guzzlin '! ",
buttons : [{ title : 'Keep it Flowing . ' }],
priority : 0
});
});
This code creates a notification on macOS like the following.
A notification on macOS.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License , and code samples are licensed under the Apache 2.0 License . For details, see the Google Developers Site Policies . Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-02-15 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Missing the information I need"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Too complicated / too many steps"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Out of date"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Samples / code issue"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Other"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Easy to understand"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Solved my problem"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Other"
}]
{"lastModified": "Last updated 2024-02-15 UTC."}
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-02-15 UTC."],[],[]]