🚧 IN DEVELOPMENT
This repo, demonstrating the API of Electron's WebView, is currently under development and may be missing certain functions.
According to Electron's documentation:
webviewtag is based on [Chromium's
webview][chrome-webview], which is undergoing dramatic architectural changes. This impacts the stability of
webviews, including rendering, navigation, and event routing. We currently recommend to not use the
webviewtag and to consider alternatives, like
BrowserView, or an architecture that avoids embedded content altogether.
Electron Webview API Demo
I recommend checking out the official docs.
What This Demos Shows
*Not added yet, but planned
**Not added yet, but planned(maybe, maybe not)
- Zoom In*
- Zoom Out*
- Reset Zoom*
- Enter Fullscreen*
- Loading Indicators*
- Crash Screen**
- Context Menu*
- Developer Tools
- Address Bar*
I want to do more advanced functions with Electron's WebView like:
Side By Side
Inspired by the Tab Tiling feature from Vivaldi, which is where you can view two tabs at once in one window. Should be mostly easy to pull off, but I'm going to need some time to figure some other stuff out.
You can view more about the Tab Tiling feature from Vivaldi.
Adaptive Background Color
Change background of the application(That being Electron itself), to the faded color of the website's theme color.
<meta name='theme-color' content='#ff0000'>
May be possible, since there is an event for this
The icons shown at the top of the application are from Font Awesome. The app uses a Pro Kit from my Font Awesome account.
It's a good practice to actually have the icons downloaded and stored locally with your application, this way the icons can still load if the user goes offline.
Font Awesome can be downloaded. Download for Web, not Desktop