CEF компонент: первые шаги к созданию браузера в Delphi и Pascal.

Delphi , Интернет и Сети , Браузер

В этой статье мы разберем, как начать использовать CEF (Chromium Embedded Framework) в ваших проектах на Delphi и Pascal. CEF позволяет встраивать полноценный браузер Chromium в ваши приложения, что открывает широкие возможности для отображения веб-контента, работы с JavaScript и создания гибридных приложений. Мы рассмотрим основные шаги, с которыми столкнулся новичок, и предложим решения проблем, возникающих на начальном этапе.

Проблема:

Пользователь, столкнувшись с компонентом CEF4Delphi, не может запустить даже простейший пример, несмотря на выполнение инструкций по установке и инициализации. Код выполняется без ошибок, но окно браузера не отображается. Также возникает вопрос о размере необходимых DLL-библиотек и возможности уменьшить их количество для дистрибуции приложения.

Решение:

Разберем по шагам, как решить проблему и успешно отобразить веб-страницу с помощью CEF4Delphi.

1. Установка CEF4Delphi:

   • Установите CEF4Delphi через Online Package Manager (OPM) в Lazarus или Delphi. Это самый простой способ получить необходимые файлы.
   • Альтернативный способ: скачайте CEF4Delphi с GitHub (https://github.com/salvadordf/CEF4Delphi). В этом случае убедитесь, что скачиваете последнюю стабильную версию.

2. Поиск примеров:

   • После установки CEF4Delphi, примеры проектов находятся в каталоге CEF4Delphi/demos. В частности, "MiniBrowser" - отличный пример для начала.

3. Зависимости и DLL:

   • Ключевой момент: CEF зависит от большого количества DLL-библиотек Chromium. При запуске примеров или вашего приложения CEF выдаст сообщения об ошибках, указывающие на отсутствующие DLL.
   • Необходимый минимум: Для работы CEF требуется определенный набор файлов и папок. Список, приведенный в контексте (-locales, -swiftshader, snapshot_blob.bin, v8_context_snapshot.bin, icudtl.dat, vk_swiftshader_icd.json, cef_sandbox.lib, libcef.lib, chrome_100_percent.pak, chrome_200_percent.pak, resources.pak, chrome_elf.dll, d3dcompiler_47.dll, libcef.dll, libEGL.dll, libGLESv2.dll, vk_swiftshader.dll, vulkan-1.dll) является хорошей отправной точкой.
   • Release vs. Debug: В скачанном архиве с DLL вы найдете папки "Release" и "Debug". Для распространения вашего приложения вам нужны только файлы из папки "Release". Файлы из "Debug" предназначены для отладки.
   • Размер: К сожалению, уменьшить размер необходимых DLL существенно не получится. Chromium - сложный проект, и все эти файлы необходимы для его работы.
   • Копирование DLL: Скопируйте все необходимые DLL и папки ( locales, swiftshader) в каталог с исполняемым файлом вашего приложения.

4. Инициализация CEF:

   • Убедитесь, что компонент ChromiumWindow1 инициализирован и создан браузер. Код из контекста (if not ChromiumWindow1.Initialized then ChromiumWindow1.CreateBrowser; if Assigned(ChromiumWindow1.ChromiumBrowser) then ChromiumWindow1.LoadURL('https://www.google.com');) верен, но важно убедиться, что компонент ChromiumWindow1 правильно расположен на форме и виден.
   • Проверьте свойство Visible компонента ChromiumWindow1. Если оно установлено в False, браузер не будет отображаться.
   • Убедитесь, что размеры компонента ChromiumWindow1 достаточны для отображения веб-страницы.

5. Совместимость с Windows 7:

   • Важно помнить, что Google прекратил поддержку Windows 7 в 2022 году. Последняя версия CEF, работающая на Windows 7, - CEF 109. Более новые версии CEF требуют Windows 10 или 11. Если вам необходима поддержка Windows 7, используйте CEF 109 и соответствующую версию CEF4Delphi.

Альтернативное решение для отображения простых HTML страниц:

Если вам не требуется полная функциональность браузера Chromium и нужно только отображать простые HTML страницы без JavaScript, рассмотрите использование компонента THTMLViewer (доступен через OPM). Он значительно меньше по размеру и проще в использовании, но имеет ограничения по функциональности. Однако, как отмечено в контексте, для отображения сложных сайтов, таких как yahoo.com, THTMLViewer не подойдет.

Пример кода (минимальный):

unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, CEF4Delphi, StdCtrls;

type
  TForm1 = class(TForm)
    ChromiumWindow1: TChromiumWindow;
    Button1: TButton;
    procedure Button1Click(Sender: TObject);
  private
    { Private declarations }
  public
    { Public declarations }
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}

procedure TForm1.Button1Click(Sender: TObject);
begin
  if not ChromiumWindow1.Initialized then
    ChromiumWindow1.CreateBrowser;
  if Assigned(ChromiumWindow1.ChromiumBrowser) then
    ChromiumWindow1.LoadURL('https://www.google.com');
end;

end.

В заключение:

Настройка CEF4Delphi может показаться сложной на первом этапе из-за большого количества зависимостей. Однако, следуя приведенным выше шагам и внимательно изучая сообщения об ошибках, вы сможете успешно интегрировать браузер Chromium в свои Delphi и Pascal приложения. Помните о необходимости копирования DLL, совместимости с операционной системой и правильной инициализации компонента.

Создано по материалам из источника по ссылке.

Контекст описывает шаги по решению проблемы отображения веб-страницы с помощью CEF4Delphi, включая установку, работу с DLL, инициализацию компонента и совместимость с Windows 7.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Браузер ::