11. Electron.js – Основы. Electron API – webFrame, тег webview

Рассмотрим еще две интересные возможности, которые нам предоставляет Electron API, это возможность загружать внутри рендерер-процесса дочерние рендерер-процессы (за это отвечает тег <webview>) и возможность управлять отображением контента в окне (за это отвечает webFrame).

webFrame

Первый пример использования webFrame
Увеличение или уменьшение размера контента в окне приложения.

Подключаем в рендер-процессе webFrame и подключаем слушателей событий к кнопкам.

Второй пример использования webFrame
Запуск js кода непосредственно на странице используя тег textarea

Подключаем слушатель событий к кнопке Запустить

Третий пример использования webFrame
Пример получение объекта с информацией о элементах на странице

Тег <webview>

Позволяет запускать дочерние рендер-процессы внутри основного рендер-процесса

Пример с отслеживанием загрузки страницы изменением цвета фона страницы

Методов и параметров значительно больше чем рассмотрено здесь, для поиска необходимого решения лучше всего обратиться к документации –  webFrame и тег webview.

Здесь можно более детально рассмотреть проект на GitHub с установленными настройкам и дополнениями – https://github.com/NetWorkRoom/electron-start/tree/webframe .

Комментариев нет
Добавить комментарий

Ваш email не будет опубликован.