libcef3在vs2017下的配置，window和js交互实现

最新推荐文章于 2024-08-08 09:00:48 发布
最新推荐文章于 2024-08-08 09:00:48 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： MFC 文章标签： libcef MFC界面库 C++ vs2017 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41761608/article/details/92760953
版权

目录

1.应用背景

2.下载CEF

3.编译 libcef_dll_wrapper

4.新建MFC对话框程序

5.运行程序

6.OK，好了

1.应用背景

随着 HTML5 的崛起和 IE 的淘汰，微软 Web Browser 控件越来越不合时宜，CEF (Chromium Embedded Framework) 越来越受欢迎。但 CEF 使用起来比 Web Browser 复杂的多，而且它的官方例子 cefsimple 和 cefclient 都是使用 Win32 API 开发的，这给大家学习使用 CEF 带来了很大不便，很多人更需要一个使用 MFC 开发的例子。

CEF版本：cef_binary_3.2704.1434.gec3e9ed_windows32

开发工具：visual studio 2017

2.下载CEF

获得 CEF 有两种方法，一种是下载源码自己编译，另一种是直接下载编译好的二进制文件。自己编译 CEF 源码太麻烦了，可谓困难重重，直接pass。

只有第二种方法了，我用的版本是cef_binary_3.2704.1434.gec3e9ed_windows32.7z

3.编译 libcef_dll_wrapper

解压好之后里面默认含libcef.dll 提供的是 C 接口。我们既然都已经使用 MFC 了，当然更想用 C++ 接口，但C++接口需要自己编译，

我们用CMake编译，下载地址：cmake-3.8.2-win32-x86.msi ，安装CMake时需要选择“添加到环境变量”

编译好后，打开工程，编译 libcef_dll_wrapper项目。

至此准备工作全部完成。

4.新建MFC对话框程序

3.1属性中添加包含目录，库目录。

3.2属性中，"C/C++"->"预编译头"->"不使用预编译头"。

3.3属性中，"链接器"->"输入"->"附加依赖项"，填入libcef.lib，libcef_dll_wrapper.lib两个静态库

4.coding

4.1声明CSimpleClient类，如下，常规做法是定义CSimpleClient类，继承自所有的event handling classes。

class CSimpleClient : public CefClient, public CefLifeSpanHandler, public CefDownloadHandler, public CefKeyboardHandler, public CefContextMenuHandler, public CefBrowserProcessHandler, public CefApp

4.2实现CSimpleClient类

#include "SimpleClient.h"
#include  <tchar.h>

enum { ID_CMD_REFRESH = 0 ,
	ID_SHOW_DEV_TOOLS
};

CSimpleClient::CSimpleClient()
{
	hWnd_ = NULL;
}


CSimpleClient::~CSimpleClient()
{
}

void CSimpleClient::OnAfterCreated(CefRefPtr<CefBrowser> browser)
{
	if (!m_cefBrowser.get())
	{
		m_cefBrowser = browser;
		m_BrowserHwnd = browser->GetHost()->GetWindowHandle();
	}
}

//void CSimpleClient::OnBeforeCommandLineProcessing(const CefString& process_type, CefRefPtr<CefCommandLine> command_line)
//{
//
//	command_line->AppendSwitch("no-proxy-server");
//	command_line->AppendSwitch("--enable-npapi");
//	command_line->AppendSwitch("--disable-web-security");
//	command_line->AppendSwitch("allow-outdated-plugins");
//
//	//manifest.json中的version
//	command_line->AppendSwitchWithValue("ppapi-flash-version","20.0.0.228");
//
//	//加载flash插件
//	command_line->AppendSwitchWithValue("ppapi-flash-path", "PepperFlash\\pepflashplayer.dll");
//
//}

bool CSimpleClient::OnProcessMessageReceived(CefRefPtr<CefBrowser> browser,
	CefProcessId source_process,
	CefRefPtr<CefProcessMessage> message)
{
	const std::string& messageName = message->GetName();
	if (messageName == "login_msg")
	{
		// extract message
		CefRefPtr<CefListValue> args = message->GetArgumentList();
		CefString strUser = args->GetString(0);
		CefString strPassword = args->GetString(1);
		TCHAR szLog[256] = { 0 };
		_stprintf_s(szLog, 256, L"BrowserProcess, user - %s, password - %s\r\n", strUser.c_str(), strPassword.c_str());
		OutputDebugString(szLog);

		//send reply to render process
		CefRefPtr<CefProcessMessage> outMsg = CefProcessMessage::Create("login_reply");

		// Retrieve the argument list object.
		CefRefPtr<CefListValue> replyArgs = outMsg->GetArgumentList();

		// Populate the argument values.
		replyArgs->SetSize(1);
		replyArgs->SetInt(0, 0);

		// Send the process message to the renderer process.
		browser->SendProcessMessage(PID_RENDERER, outMsg);

		return true;
	}
	return false;
}

bool CSimpleClient::OnBeforePopup(CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefFrame> frame,
	const CefString& target_url,
	const CefString& target_frame_name,
	WindowOpenDisposition target_disposition,
	bool user_gesture,
	const CefPopupFeatures& popupFeatures,
	CefWindowInfo& windowInfo,
	CefRefPtr<CefClient>& client,
	CefBrowserSettings& settings,
	bool* no_javascript_access)
{
	switch (target_disposition)
	{
	case WOD_NEW_FOREGROUND_TAB:
	case WOD_NEW_BACKGROUND_TAB:
	case WOD_NEW_POPUP:
	case WOD_NEW_WINDOW:
		browser->GetMainFrame()->LoadURL(target_url);
		return true; //cancel create
	}

	return false;
}

void CSimpleClient::OnBeforeDownload(
	CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefDownloadItem> download_item,
	const CefString& suggested_name,
	CefRefPtr<CefBeforeDownloadCallback> callback)
{
	callback->Continue(download_item->GetURL(), true);
}

void CSimpleClient::OnDownloadUpdated(
	CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefDownloadItem> download_item,
	CefRefPtr<CefDownloadItemCallback> callback)
{
	if (download_item->IsComplete())
	{
		//MessageBox.Show("下载成功");
		OutputDebugString(L"下载成功");
		if (browser->IsPopup() && !browser->HasDocument())
		{
			//browser->GetHost()->ParentWindowWillClose();
			browser->GetHost()->CloseBrowser(true);
		}
	}
	else
	{
		//如果取消应该跳转到一个网页
		browser->GoBack();
	}
}

bool CSimpleClient::OnPreKeyEvent(CefRefPtr<CefBrowser> browser,
	const CefKeyEvent& event,
	CefEventHandle os_event,
	bool* is_keyboard_shortcut) 
{
	if (event.type != KEYEVENT_RAWKEYDOWN)
		return false;

	if (event.windows_key_code == 116)//F5刷新
		browser->Reload();
	else if (event.windows_key_code == VK_F12)
	{
		ShowDevelopTools(browser, CefPoint(0, 0));
	}
	return false;
}

bool CSimpleClient::OnKeyEvent(CefRefPtr<CefBrowser> browser,
	const CefKeyEvent& event,
	CefEventHandle os_event) {
	return false;
}

//右键菜单
void CSimpleClient::OnBeforeContextMenu(CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefFrame> frame,
	CefRefPtr<CefContextMenuParams> params,
	CefRefPtr<CefMenuModel> model) 
{
	if (model->GetCount() > 0) {// 刷新菜单
		model->AddSeparator();
		model->AddItem(ID_CMD_REFRESH, __TEXT("刷新"));
		model->AddItem(ID_SHOW_DEV_TOOLS, __TEXT("开发者选项"));
	}
}

bool CSimpleClient::OnContextMenuCommand(CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefFrame> frame,
	CefRefPtr<CefContextMenuParams> params,
	int command_id, EventFlags event_flags) 
{
	switch (command_id)
	{
	case ID_CMD_REFRESH:
		browser->Reload();
		break;
	case ID_SHOW_DEV_TOOLS:
	{
		ShowDevelopTools(browser, CefPoint(0,0));
		break;
	}
	default:
		break;
	}
	return false;
}

//开发选项
void CSimpleClient::ShowDevelopTools(CefRefPtr<CefBrowser> browser, const CefPoint& inspect_element_at) 
{
	CefWindowInfo windowInfo;
	CefBrowserSettings settings;
	windowInfo.SetAsPopup(browser->GetHost()->GetWindowHandle(), "DevTools");
	browser->GetHost()->ShowDevTools(windowInfo, this, settings, CefPoint());
}

void CSimpleClient::CloseDevelopTools(CefRefPtr<CefBrowser> browser)
{
	browser->GetHost()->CloseDevTools();
}

bool CSimpleClient::DoClose(CefRefPtr<CefBrowser> browser)
{
	同一个browser可能有多个浏览器窗口(在新的子窗口打开链接,而不是在当前窗口跳转时会出现.),此时返回值可能会被用来做一些特别处理.想了解请参考官方demo.
	//if (CefCurrentlyOn(TID_UI))
	//{
	//	return true;
	//}
	return false;	//返回true取消关闭
}
void CSimpleClient::OnBeforeClose(CefRefPtr<CefBrowser> browser)
{
	if (m_BrowserHwnd == browser->GetHost()->GetWindowHandle())
	{// 浏览器窗口被销毁的话,browser指针置为NULL.
		m_cefBrowser = NULL;
	}

}

5.在主Dlg的OnInitDialog()函数中

	// TODO: 在此添加额外的初始化代码

	CefRefPtr<CSimpleClient> client(new CSimpleClient());
	m_simpleClient = client;

	CefRefPtr<ClientAppRender> app(new ClientAppRender());


	CefSettings settings;
	CefSettingsTraits::init(&settings);
	settings.multi_threaded_message_loop = true;
	settings.remote_debugging_port = 8088;//如果不定义，则不能运行调试工具
	settings.single_process = false;

	CefMainArgs mainArgs;

	CefRefPtr<CefApp> cefApp;
	cefApp = app;

	CefInitialize(mainArgs, settings, cefApp, NULL);

	RECT rect;
	GetClientRect(&rect);
	RECT rectnew = rect;
	rectnew.top = rect.top + 50;
	rectnew.bottom = rect.bottom;
	rectnew.left = rect.left;
	rectnew.right = rect.right;

	CefWindowInfo winInfo;
	winInfo.SetAsChild(GetSafeHwnd(), rectnew);

	std::wstring domain = GetInstallPath() + "test.html";
	//CefPostTask(TID_IO, NewCefRunnableMethod(manager.get(), &CefCookieManager::SetCookie, CefString(domain.c_str()), cookie, callback));

	CefBrowserSettings browserSettings;
	CefBrowserHost::CreateBrowser(winInfo, m_simpleClient, domain.c_str(), browserSettings, NULL);

5.运行程序

5.1需要将D:\cef_binary_3.2704.1434.gec3e9ed_windows32\Debug下面所有文件都拷贝到demo的Debug目录下,

还需要将D:\cef_binary_3.2704.1434.gec3e9ed_windows32\cefclient\Debug目录下的所有文件都拷贝到demo的Debug目录下

 

 

6.OK，运行效果如下：

参考链接：

https://blog.csdn.net/blackwoodcliff/article/details/74276848

https://blog.csdn.net/mushao999/article/details/37606189

 

欢迎加入我们的qq讨论群：184821652

苏克贝塔
关注
专栏目录
duilib&Libcef 多标签浏览器
07-10
采用duilib作为界面库，libcef作为内核，开发的一款多标签多进程浏览器。
php 禁止弹出页面,CEF中禁止弹出浏览器窗口
weixin_34446948的博客
03-11 222
使用CEF时，加载的网页，如果里面有链接，指定target=”_blank”，则会弹出一个新的浏览窗口。如果想禁掉，让新页面在当前浏览窗口中显示，可以在browser进程的handler里重写CefLifeSpanHandler的OnBeforePopup方法，用browser的mainFrame加载popup请求的url。代码如下：bool SimpleHandler::OnBeforePopu...
libcef 初步使用
最新发布
zhangyihu321的专栏
08-08 641
cef 使用 mp4支持
cef OnBeforePopup禁止弹出新窗体
u013269737的博客
01-03 3191
bool SimpleHandler::OnBeforePopup( 　　CefRefPtr<CefBrowser> browser, 　　CefRefPtr<CefFrame> frame, 　　const CefString& target_url, 　　const CefString& target_frame_name, 　　WindowOpenDi...
Cef6 -- 下载支持
moyebaobei1的博客
08-11 1914
 今天说一下CEF的下载模块，继承CefDownloadHandler模块，重写OnBeforeDownload和OnDownloadUpdated方法。第一篇已经讲过，CEF是一个封装的浏览器控件，以接口的形式封装，也就是CEF其实是多组接口函数的集合。CEF的开发是围绕接口的开发，所有行为的实现都需要继承相应的接口，重写对应的方法，达到修改默认行为的目的。 实现下载，遇到一些问题，CSDN的...
CEF中禁止弹出浏览器窗口
jfdfhh的博客
01-23 1855
CEF中禁止弹出浏览器窗口
LibCef中的一些坑
xg436的博客
06-15 674
libcef
ffmpeg3-vs2017-32(window下vs217编译32位的ffmpeg)
11-10
总的来说，"ffmpeg3-vs2017-32"项目提供了一个在Windows环境下用Visual Studio 2017编译32位FFmpeg的解决方案，对于开发者来说，这是一个宝贵的资源，尤其是那些希望在Windows上用C++和Qt进行多媒体处理的开发者。...
ffmpeg3-vs2017-64位(window下用VS2017编译64位的ffmpeg)
11-10
标题"ffmpeg3-vs2017-64位(window下用VS2017编译64位的ffmpeg)"表明了这个资源是针对FFmpeg 3版本，且是针对64位Windows系统的，编译工具为VS2017。这意味着在Windows操作系统上，你可以利用这个版本的FFmpeg进行64...
WinForm下WebView2实现JS与C#交互Demo
03-02
本示例“WinForm下WebView2实现JS与C#交互Demo”就展示了如何在C#中使用WebView2控件来实现JavaScript与C#之间的双向通信。 首先，确保已安装Microsoft Edge WebView2 SDK。可以通过NuGet包管理器安装`Microsoft....
Nginx在Window下安装及实现微信公众号反向代理配置.docx
04-25
Nginx在Window下安装实现微信公众号反向代理配置
基于Cannon.js和Three.js的，用鼠标交互的3d文字特效
08-11
在本项目中，我们探索了如何使用Cannon.js和Three.js这两个强大的JavaScript库来创建一个交互式的3D文字特效。Cannon.js是一个物理引擎，它专注于实时三维物理模拟，而Three.js则是一个广泛使用的WebGL库，用于在...
CEF - F12调用控制台窗口
moyebaobei1的博客
05-16 5449
基于CEF3封装出的浏览器外壳程序，在实际使用中，需要调试前端的信息。所以需要调用控制台窗口，对打包的项目进行调试。 实现方法通过两步实现。第一步捕获键盘F12消息类型；第二步调用ShowDevTools方法。 捕获F12消息类型 继承cefkeyboard_handler组件，重写OnPreKeyEvent方法 实现 ShowDevTools 具体实现方法如下，这也是项目中实际使用的逻辑。控制台窗口作为独立的窗口弹出显示 void CustomClient::ShowDevToo.
PC游戏中用CEF3制作内嵌浏览器
xyxsuoer的博客
01-24 3855
因为项目需要，需要将游戏手机助手中的朋友圈给移植到PC游戏中，而以前游戏中的内嵌浏览器采用的是IE6内核，满足不了我们的需求，于是决定把Cef3内嵌到游戏中，在完成正常工作之余，利用闲散时间不断地查找各种资料，初步完成了项目需求，决定写一篇文章来记录我碰到的各种坑。 一开始我只是在网上找了一个最后支持XP系统的版本–2623版本，利用这个版本进行开发，后来发现不支持MP3、MP4，是需要重新编译一...
libcef-框架架构中概念介绍-网络层（请求）-请求处理-请求拦截-代理解析（六）
插件开发
03-20 728
默认情况下，CEF3 中的网络请求将以对主机应用程序透明的方式处理。对于希望与网络层建立更密切关系的应用程序，CEF3 公开了一系列与网络相关的功能。与网络相关的回调可能发生在不同的线程上，因此请务必注意文档并正确保护您的数据成员。
libcef3——自定义右键菜单，复制图片和图片另存为
xmcy001122的专栏
11-05 1359
原始效果
CEF实现F5刷新快捷键
jiangqin115的专栏
04-25 2655
1.首先要让我们自己的CefClient这个类公有继承CefKeyboardHandler 2.添加键盘事件构造函数 virtual CefRefPtr<CefKeyboardHandler> GetKeyboardHandler() OVERRIDE { return this; } 3.然后重写父类的OnPreKeyEvent和OnKeyEvent两个方法 在...
nim_duilib多标签程序中使用libcef3内存泄漏问题解决
xmcy001122的专栏
12-02 1834
文章目录引言问题cef简介升级内核到80video标签内存泄漏问题总结 引言 网易开源的 duilib 中，有一个使用libcef3的例子，可以实现类似chrome的功能，还支持拖曳。 拖出来的效果（当然还可以拖回去）： 刚好最近有个项目，需要用到这种混合架构，通过chromium内核加载网页，并且还需要多标签，就把这个项目用起来了。 在生产环境中，发现一些问题，特此记录和分享。 问题 cef简介 Chromium Embedded Framework (CEF)是个基于Google Chromium项
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

苏克贝塔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值