https://github.com/xenia101/chrome-extension-sample
Vanillajs Chrome Extension Sample
https://github.com/xenia101/chrome-extension-sample
basic chrome chrome-extension css3 frame html5 javascript
Last synced: 2 months ago
JSON representation
Vanillajs Chrome Extension Sample
- Host: GitHub
- URL: https://github.com/xenia101/chrome-extension-sample
- Owner: Xenia101
- Created: 2020-07-01T04:22:17.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-01T01:47:47.000Z (almost 6 years ago)
- Last Synced: 2026-04-12T09:37:12.914Z (2 months ago)
- Topics: basic, chrome, chrome-extension, css3, frame, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 110 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chrome-Extension-Sample
Vanillajs Chrome Extension Sample
### UI Elements
An [extension's user interface](https://developer.chrome.com/extensions/user_interface) should be purposeful and minimal. The UI should customize or enhance the browsing experience without distracting from it. Most extensions have a [browser action](https://developer.chrome.com/extensions/browserAction) or [page action](https://developer.chrome.com/extensions/pageAction), but can contain other forms of UI, such as [context menus](https://developer.chrome.com/contextMenus), use of the [omnibox](https://developer.chrome.com/extensions/omniBox), or creation of a [keyboard shortcut](https://developer.chrome.com/extensions/commands).
### Content scripts
Extensions that read or write to web pages utilize a [content script](https://developer.chrome.com/extensions/content_scripts). The content script contains JavaScript that executes in the contexts of a page that has been loaded into the browser. Content scripts read and modify the DOM of web pages the browser visits.
Content scripts can communicate with their parent extension by exchanging [messages](https://developer.chrome.com/extensions/messaging) and storing values using the [storage](https://developer.chrome.com/extensions/storage) API.
### References
https://developer.chrome.com/extensions/overview