libcef（二）基于VS2019编写CEF简单样例

最新推荐文章于 2025-10-21 22:15:00 发布
原创 最新推荐文章于 2025-10-21 22:15:00 发布 · 2.2k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cef

本文详细指导如何在VS2019的Win32空白项目中集成libcef库，包括设置环境变量、添加文件和配置项目属性，适用于非MFC项目开发者。

前提

本文以VS2019中的Win32空白项目为例。非MFC项目，请大家注意，不要到后面才发现不是自己想要找的。

我会在Debug模式下完成代码的开发工作。在Release下是同样的步骤，但是需要注意的是你所选择的目标是Debug或Release都需要和libcef库以及libcef_dll_wrapper完全一致。

库文件选择

  1. 在想要位置新建一个文件夹，命名为libcef（可自己命名，不一定非要一样），在该文件夹下新建manifest文件夹及lib文件夹。
  2. 将Debug文件夹、Release文件夹、include文件夹、Resources文件夹复制到步骤一中新建的libcef文件夹下
    在这里插入图片描述
  3. 将cefsimple文件夹下cefsimple.exe.manifest和compatibility.manifest两个文件复制到\libcef\manifest文件夹下。将cefsimple.exe.manifest名称修改为cef.exe.manifest（此处不一定要修改，但是后文中配置项目属性生成后事件的命令行中的文件名一定要与此处的文件名一致。）
    在这里插入图片描述
  4. 将libcef_dll_wrapper静态库文件（来自于你编译出来的静态库，见下图所示）分别复制到文件夹libcef\lib\Debug和文件夹libcef\lib\Release下
    在这里插入图片描述
    在这里插入图片描述

文件夹截图

准备完成后的文件夹如下图所示

1.libcef

在这里插入图片描述

2.Debug

在这里插入图片描述

3.Release

在这里插入图片描述

4.lib

在这里插入图片描述

5.manifest

在这里插入图片描述

6.Resources

在这里插入图片描述

7.include

在这里插入图片描述

配置环境变量

将上述libcef文件夹配置系统变量如下图所示
在这里插入图片描述

新建项目

打开VS2019新建一个空白项目

  • 新建项目
    在这里插入图片描述
  • 选择Windows桌面向导，点击下一步
    在这里插入图片描述
  • 填入项目名称（此处命名为TestCef）、选择项目所在位置，点击创建
    在这里插入图片描述
  • 选择桌面应用程序、勾选空项目，点击确定
    在这里插入图片描述
    至此，Win32空项目建立完成

配置工程

添加文件

添加头文件源文件

  1. 在上面新建的工程目录下新建一个src文件夹
    在这里插入图片描述
  2. 将cefsimple文件夹下.h和.cc文件（除了resource.h文件，该文件不需要）复制到src文件夹中
    在这里插入图片描述
    在这里插入图片描述
  3. 在VS中添加头文件，操作如下所示
    1. 右击头文件
    2. 选择添加，选择现有项
    3. 在跳出来的对话框中点击进入src文件夹，选中所有.h文件，点击添加
      头文件添加完毕
  4. 在VS中添加源文件，操作如下所示
    1. 右击源文件
    2. 选择添加，选择现有项
    3. 在跳出来的对话框中点击进入src文件夹，选中所有.cc文件，点击添加
      源文件添加完毕

如下图所示
在这里插入图片描述

配置项目属性

注意：下图中一定要一一对应。尤其一定要选择Win32（或x86）。因为之前的文章libcef（一）编译CEF中下载的是32位的CEF。
在这里插入图片描述

  1. 右击项目，点击属性

  2. 点击C/C++->常规->附加包含目录，输入库文件夹位置（如果你还记得的话，上面已经配置过系统变量）。输入黄框中的环境变量，会自动匹配路径（即为绿框中的地址）
    注意：红框中一定要修改成Debug（如果选的是Release模式则修改成Release）和Win32。因为之前下载的CEF是32位的。
    在这里插入图片描述

  3. 点击代码生成->运行库，切换成MTd
    在这里插入图片描述

  4. 点击预处理器->预处理器定义，输入以下内容

%(PreprocessorDefinitions)
WIN32
_WINDOWS
__STDC_CONSTANT_MACROS
__STDC_FORMAT_MACROS
_WIN32
UNICODE
_UNICODE
WINVER=0x0601
_WIN32_WINNT=0x601
NOMINMAX
WIN32_LEAN_AND_MEAN
_HAS_EXCEPTIONS=0
PSAPI_VERSION=1
CEF_USE_SANDBOX
CEF_USE_ATL
_HAS_ITERATOR_DEBUGGING=0
CMAKE_INTDIR="Debug"

若是Release模式则输入以下内容(Release模式下该处可不改动，即该步骤可跳过)

%(PreprocessorDefinitions)
WIN32
_WINDOWS
NDEBUG
__STDC_CONSTANT_MACROS
__STDC_FORMAT_MACROS
_WIN32
UNICODE
_UNICODE
WINVER=0x0601
_WIN32_WINNT=0x601
NOMINMAX
WIN32_LEAN_AND_MEAN
_HAS_EXCEPTIONS=0
PSAPI_VERSION=1
CEF_USE_SANDBOX
CEF_USE_ATL
_NDEBUG
CMAKE_INTDIR="Release"

在这里插入图片描述

  1. 点击链接器->常规->附加库目录，输入lib文件所在文件夹（若选择的是Release模式则选择相应Release文件夹，后续皆如此，不再提示）
    在这里插入图片描述

  2. 点击输入->附加依赖项，输入所需lib文件

libcef.lib
libcef_dll_wrapper.lib
cef_sandbox.lib
comctl32.lib
gdi32.lib
rpcrt4.lib
shlwapi.lib
ws2_32.lib
Advapi32.lib
dbghelp.lib
Delayimp.lib
OleAut32.lib
PowrProf.lib
Propsys.lib
psapi.lib
SetupAPI.lib
Shell32.lib
version.lib
wbemuuid.lib
winmm.lib
kernel32.lib
user32.lib
winspool.lib
shell32.lib
ole32.lib
oleaut32.lib
uuid.lib
comdlg32.lib
advapi32.lib

在这里插入图片描述

  1. 7.1和7.2两个操作任选其一，都可成功（7.2更简便，操作更少）
    7.1 点击清单工具->输入和输出->附加清单文件，输入compatibility.manifest文件的路径
    在这里插入图片描述
    7.2点击生成事件->生成后事件->命令行， 输入以下内容（若是Release模式则将以下内容的Debug全部替换成Release即可）
setlocal
mt.exe -nologo -manifest "D:/project/test/libcef/manifest/cef.exe.manifest" "D:/project/test/libcef/manifest/compatibility.manifest" -outputresource:"D:/project/VisualStudioProject/study/CEF/TestCef/Debug/TestCef.exe";#1
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/chrome_elf.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/chrome_elf.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/libcef.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/libcef.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/libEGL.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/libEGL.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/libGLESv2.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/libGLESv2.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/snapshot_blob.bin D:/project/VisualStudioProject/study/CEF/TestCef/Debug/snapshot_blob.bin
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/v8_context_snapshot.bin D:/project/VisualStudioProject/study/CEF/TestCef/Debug/v8_context_snapshot.bin
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/vk_swiftshader.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/vk_swiftshader.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/vk_swiftshader_icd.json D:/project/VisualStudioProject/study/CEF/TestCef/Debug/vk_swiftshader_icd.json
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/vulkan-1.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/vulkan-1.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_directory D:/project/test/libcef/Debug/swiftshader D:/project/VisualStudioProject/study/CEF/TestCef/Debug/swiftshader
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Debug/d3dcompiler_47.dll D:/project/VisualStudioProject/study/CEF/TestCef/Debug/d3dcompiler_47.dll
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Resources/chrome_100_percent.pak D:/project/VisualStudioProject/study/CEF/TestCef/Debug/chrome_100_percent.pak
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Resources/chrome_200_percent.pak D:/project/VisualStudioProject/study/CEF/TestCef/Debug/chrome_200_percent.pak
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Resources/resources.pak D:/project/VisualStudioProject/study/CEF/TestCef/Debug/resources.pak
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_if_different D:/project/test/libcef/Resources/icudtl.dat D:/project/VisualStudioProject/study/CEF/TestCef/Debug/icudtl.dat
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd
setlocal
D:\Environment\CMake\bin\cmake.exe -E copy_directory D:/project/test/libcef/Resources/locales D:/project/VisualStudioProject/study/CEF/TestCef/Debug/locales
if %errorlevel% neq 0 goto :cmEnd
:cmEnd
endlocal & call :cmErrorLevel %errorlevel% & goto :cmDone
:cmErrorLevel
exit /b %1
:cmDone
if %errorlevel% neq 0 goto :VCEnd

在这里插入图片描述

  1. 若第7步选择7.1，则还要将需要的文件和资源（libcef文件夹下）复制到运行目录。主要有以下两个地方需要拷贝
    8.1 Resources文件夹。把Resources文件夹里面的所有文件和子文件夹复制到运行目录下。
    在这里插入图片描述
    8.2 Debug文件夹。将下图中除了划掉的两个lib库文件之外的文件和子文件夹拷贝到运行目录下。
    在这里插入图片描述

生成项目

右击项目->生成，编译出来的运行目录如下
在这里插入图片描述

运行项目

此时运行.exe文件，肯定是空白窗口，如下图所示
在这里插入图片描述
前一篇文章libcef（一）编译CEF已经解释过原因，只要将默认url修改为国内任意网站或者自己写的网页，重新编译即可，此处不再说明。

vs2019 使用CMake编译CEF
weixin_45237065的博客
07-07 1134
安装OK后，将解压好的cef目录填入 先就这样vs2017 编译 低版本 cef cef3 Binary Distributions下载及示例编译 VS2019 MFC中使用CEF
一起学libcef--开篇(下载、CMake的使用)
热门推荐
一蓑烟雨任平生 也无风雨也无晴
12-03 5万+
微信、qq等很多windows客户端都用到了libcef.dll，从现在开始准备学习学习。1.什么是libcef Chromium嵌入式框架对于嵌入chromium浏览器的其他应用程序来说是一个简单的框架。。其遵循建立于2008年Marshall Greenblatt 的BSD许可协议。基于Google Chromium工程。不像Chromium工程本身，主要集中开发Google Chrome应用
使用VS2019编译的64位CEF版本，支持H264、H265
12-18
内容概要：使用vs2019编译的CEF包，CEF版本为5563，windows 64位，支持H264、 H265。下载此包后，可自行使用CMAKE进行二次开发的编译，亲测有效。 适合人群：经常使用C++进行嵌套浏览器开发的人群。 能学到什么：可以学习CEF，内部用相关demo，如CEFClient、CEFSimple。可以掌握如何 使用CEF创建嵌入式浏览器框架。 使用建议：对部分产品必须使用VS2019进行浏览器插件开发，此包是再适合不过。若再使 用过程中有相关疑问，可以联系作者进行交流探讨。
Cef笔记：VS2019编译cef_109.0.5414
最新发布
憧憬，思考，奋斗，飞翔
10-21 337
cef本身的编译我试了下，依赖的东西多，不好找，所以就直接使用cef官网提供的预编译包，参看。需要匹配好自己使用的vs版本以及操作系统等，参看。
使用VS2019编译CEF2623项目的libcef_dll_wrapper.lib的方法
08-19
主要介绍了使用VS2019编译CEF2623项目的libcef_dll_wrapper.lib的方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vs2019编译libcef
Mingyueruya的专栏
12-28 1401
vs2019编译libcef 1.材料准备 libcef官网地址：https://bitbucket.org/chromiumembedded/cef/src/master/ libcef二进制下载地址：https://cef-builds.spotifycdn.com/index.html#windows32 版本：cef_binary_96.0.16+g89c902b+chromium-96.0.4664.55_windows32 cmake vs enterprise 2019 我原本以为我的
CEF使用VS2019编译
只为龙舞的博客
03-08 1218
CEF编译
CEF x64 -vs2019
10-25
总之，"CEF x64 -vs2019"项目是一个使用CEF框架，基于C++语言，并在Visual Studio 2019环境下开发的64位应用。开发者通过这个项目可以学习如何集成CEF，创建和控制浏览器实例，处理Web内容，以及实现C++与JavaScript...
精选资源
QCefView(VS2019，QT5.15.2，CEF102版本)
11-21
标题 "QCefView(VS2019，QT5.15.2，CEF102版本)" 指的是一个基于Visual Studio 2019、使用QT 5.15.2框架，并且集成了Chromium Embedded Framework（CEF）102.0.10版本的项目。这个项目名为QCefView，它允许开发者在...
VS 2019中搭建CEF开发环境和生成VS解决方案
刘朋
08-25 4105
一、下载/准备 CEFAutomated Builds（编译好的windows dll和lib文件） 1、网址：https://cef-builds.spotifycdn.com/index.html#windows32 2、下载Standard Disribution 3、解压后目录结构 4、在任意目录（比如D盘），创建cef_binary32工作目录，并在此目录中创建src文件夹 5、将刚下载的文件全数复制到d:\cef_binary32\src中 二、生成VS 2019解决方案和项目文件 1、
cef 编译之路（支持MP3、MP4；环境：vs2019 windows
testcpp的博客
06-11 2634
cef 编译 Windows
libcef3源码编译相关总结.txt
08-19
打开sln，修改libcef_dll_wrapper工程属性： C/C++ -> General -> Treat Warnings As Errors: No C/C++ -> Code Generation -> Runtime Library: MD
QT：VS2019 CMake编译CEF
qq_43441284的博客
08-19 436
其多平台支持、HTML5特性、自定义能力以及多进程架构等特性，使得CEF在浏览器开发、桌面应用、开发工具以及自动化测试等领域得到了广泛应用。自定义能力：CEF支持自定义插件、自定义协议、自定义JavaScript对象和扩展，以及可控制的资源加载、导航、上下文菜单等。HTML5支持：由于基于Chromium，CEF支持HTML5的各种特性，包括WebGL、CSS3等。多平台支持：CEF支持Windows、Linux、Mac平台，提供了丰富的跨平台支持。在该目录新建两个目录。同样的问题 继续修改。
【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用（图文并茂超详细介绍）
LF__plus的博客
04-17 1765
【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用
libcef（一）编译CEF
chen_ling_16的博客
03-24 7819
下载二进制原码 链接地址 不同系统可选择不同版本，因有需求故我选的是Win32版本（我的系统是Win10，64位）。 想要选择其他版本可点击上图中的Show All Builds字样之后再点击Show More Builds字样可出现更多版本。 我选择的是下图所示版本（当时下载的时候还是最新版本，等想起来截图做笔记已经更新了其他版本）。 关于CEF的版本 Standard Distribution：标准二进制分发。包括头文件，libcef_dll_wrapper源代码，二进制文件，CMake配置文
VS2019 VC++ MFC CEF(Chrome)开发环境搭建及相关功能demo（附源码）
刘朋
08-27 8223
本文章主要介绍CEF如何作为一个控件，加在MFC的窗体中，并实现一些功能，如：打开指定网址、刷新、后退关闭子窗口或页签、关闭全部页签/子窗口和主窗体、浏览器界面自适应窗口大小等等，也会交代会遇到的一些坑的处理办法，最终会附上整个项目的源码。
一步步CEF（1）之编译libcef_dll_wrapper.lib
随风动，心飞翔
12-07 8848
如果要从源码编译的话，估计硬盘和内存都有要求，这个我不想尝试，可以只能下载一份做c++的。（有空可以考虑源码编译的，不过目前这个必要）注意：下面工程为了简单，没有将lib的名字设置为libcef_dll_wrapper！ 下载地址：http://opensource.spotify.com/cefbuilds/index.html 最好选择Standard分发版本，如果要调试的话，可以下载...
Qt开发 | Qt Web混合编程 | VS2019 CMake编译CEF与QCefView| QWebEngineView的基本用法 | Qt与html js交互 | Qt与ECharts
zwcslj的博客
07-06 2411
在很多商业项目中，很多页面并不是用Qt来编写的，而是用Web网页编写，利用Qt将网页加载进来就可以显示界面。大多数web技术都是基于chrome，例如：CEF、QCefView、QWebEngineView，这些都是在native界面里用来显示html网页，并且可以与web交互，例如：常见的登陆窗口、优酷的视频区域、WPS的稻城商城，这些都是用web技术实现的，而native端（客户端），只需要把网页展示出来，实现交互即可。WPS、优酷、MindMaster等软件的安装目录里都有libcef.dll。
基于VS2019编译的CEF Win64版本支持H264/265
此外，基于VS2019（即Microsoft Visual Studio 2019）进行编译，表明该项目遵循MSVC工具链规范，生成的二进制文件可以直接在Windows平台上被Visual Studio工程引用，便于集成进现有的C++项目中。同时，这也确保了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值