程序博客网 > 网络文明主题班会教案

libcef多标签浏览器实现

来源：互联网 发布：网络文明主题班会教案 编辑：程序博客网 时间：2024/05/17 00:34
        我怒啊，TMD为了研究libcef浏览器，我已经写了几篇关于如何使用libcef的文章，包括嵌入、基本使用，然后顺着这道路一直调研下去，当然在这个过程中我遇到的最大问题也是我花了一天时间搜索的问题就是新建的浏览器标签窗口在不点击页面的时候滚动条是可以使用的，就是在网页内容较多的时候可以通过滚轮上下滚动，但是当点击页面里面之后，鼠标滚轮就失效了，一开始认为最大的原因就是新建的窗口被我捕获到之后将对应窗口属性修改了导致了我的上述问题，但是所有的窗口属性都试了遍都没有发现问题所在。

       在我解决鼠标滚动的时候，找了半天，终于找到一篇文章，也是关于实现多标签的cef浏览器，而且它的实现的标签里没有鼠标滚轮问题，但是最恶心的就是TMD喜欢炫耀，没有为广大网友做一丁点贡献，我就纳闷了，NTMD没有贡献精神就别TM写相关的技术资料，写了又不将关键技术或Demon提供为广大网友，最恶心的事提供的Demon只给一个exe，我在想，你有病吗？谁要你的exe有毛用？你是在炫耀你的实力吗？你以为我搞定不这小小的东西？看了看这哥们的CSDN排名，还是在6000多，真是有点怀疑这类人了，在这里我多说几句，没有奉献精神的技术“牛人”，即使再怎么牛，在我眼里就是一坨屎！顺便对所有人都说一下，知道感恩，回报社会！

       我是一位毫无保留的人，因为我知道我懂得技术来源于网络，那么我有责任为网络或技术的进步做出我应有的贡献，当然也有很多从网络上学到知识的但并未付出的，这也屡屡不见，但是，如果每一个人都这么看，技术如何发扬，科技如何进步？就废话说道这里吧，下面就不如正题，这仅仅是我的一个开始，后续关于cef嵌入的文章我会继续写下去：

前一篇文章中，我已经大致描述了如何在MFC中简单实用CEF内核，现在增加的功能就是：

（1）如何在浏览器中实现多标签功能

（2）多标签切换显示

（3）新建浏览器鼠标滚轮失效的问题

后续文章中我会实现如下功能

（1）关闭对应标签浏览器

（2）查找功能

（3）C++与JS交互

       首先，我说明一下今天这篇文章实现的功能

（1）如何在浏览器中实现多标签功能

 这里，我用的duilib（自己的duilib，在项目实践中修改了很多bug的库），多选项卡实现就是使用了OPtion的group属性，另外每一个标签的切换使用了Tablayout布局，这里的xml代码简单一览如下：


因为所有标签横线排列，所以使用了水平布局，并且使用了相对布局，让控件自适应布局的宽度；

（2）多标签切换显示

         浏览器事件是我们创建窗口的源头，浏览器是如何创建的？标题变化如何捕获？URL地址发生变化了怎么知道？是否可以在当前浏览器前进后退？这里就涉及到我们在创建浏览器的时候传递进去的事件处理器（浏览器客户端client，包括浏览器的导航、浏览器框架的菜单等操作、载入状态、显示状态、生命周期等）

        首先看如何创建浏览器的，这里我们就是在窗口初始化完成后：

[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. DUI_BEGIN_MESSAGE_MAP(CBrowserWnd,WindowImplBase)  
  2.     DUI_ON_MSGTYPE(DUI_MSGTYPE_WINDOWINIT, OnWindowInit)  
  3.     DUI_ON_MSGTYPE(DUI_MSGTYPE_SELECTCHANGED, OnSelectChanged)  
  4. DUI_END_MESSAGE_MAP();
捕获到WINDOWINIT消息，这个消息就是窗口所有控件位置都初始化完成（位置正确到位了，在虚函数InitWindow中所有控件位置你是无法获取的）。在这里我们创建一个默认浏览器，设置不需要设置子窗口，因为为了统一性，我们在捕获每一个新窗口时候都会自动设置为子窗口：

[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. void CBrowserWnd::OnWindowInit(TNotifyUI& msg)  
  2. {  
  3.     CHorizontalLayoutUI* pBody = static_cast<CHorizontalLayoutUI*>(m_PaintManager.FindControl(_T("body")));  
  4.     if (NULL != pBody)  
  5.     {  
  6.         RECT rtPositon = pBody->GetPos();  
  7.         InitBrower(rtPositon);  
  8.     }  
  9.     m_bInit = true;  
  10. }  
  11.   
  12. void CBrowserWnd::InitBrower(RECT rtPositon)  
  13. {  
  14.     CefWindowInfo cefWindowInfo;  
  15.     //cefWindowInfo.SetAsChild(m_PaintManager.GetPaintWindow(), rtPositon);  
  16.   
  17.     CefBrowserSettings browserSetting;  
  18.     m_objBrowserEvent = CefRefPtr<CCefBrowserEventHandler>(new CCefBrowserEventHandler(this));  
  19.     CefBrowserHost::CreateBrowser(cefWindowInfo, m_objBrowserEvent, (LPCTSTR)m_strUrl.GetData(), browserSetting, NULL);  
  20. }

在浏览器事件处理器中，我们如何处理的：

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. #include "StdAfx.h"  
  2. #include "CefBrowserEventHandler.h"  
  3.   
  4. #include <sstream>  
  5. #include <string>  
  6.   
  7. #include "include/base/cef_bind.h"  
  8. #include "include/views/cef_browser_view.h"  
  9. #include "include/views/cef_window.h"  
  10. #include "include/wrapper/cef_closure_task.h"  
  11. #include "include/wrapper/cef_helpers.h"  
  12. #include "BrowserWnd.h"  
  13.   
  14.   
  15. CCefBrowserEventHandler::CCefBrowserEventHandler(CBrowserWnd* pMainFrame)  
  16. {  
  17.     m_pMainFrame = pMainFrame;  
  18. }  
  19.   
  20. CCefBrowserEventHandler::~CCefBrowserEventHandler(void)  
  21. {  
  22.       
  23. }  
  24.   
  25. CefRefPtr<CefDisplayHandler> CCefBrowserEventHandler::GetDisplayHandler() OVERRIDE  
  26. {  
  27.     return this;  
  28. }  
  29.   
  30. CefRefPtr<CefLifeSpanHandler> CCefBrowserEventHandler::GetLifeSpanHandler() OVERRIDE  
  31. {  
  32.     return this;  
  33. }  
  34.   
  35. CefRefPtr<CefLoadHandler> CCefBrowserEventHandler::GetLoadHandler() OVERRIDE  
  36. {  
  37.     return this;  
  38. }  
  39.   
  40. void CCefBrowserEventHandler::OnTitleChange(CefRefPtr<CefBrowser> browser, const CefString& title) OVERRIDE  
  41. {  
  42.     ::SendMessage(m_pMainFrame->GetHWND(), WM_TITLE_CHANGED, (WPARAM)browser->GetHost()->GetWindowHandle(), (LPARAM)std::wstring(title).c_str());  
  43. }  
  44.   
  45. void CCefBrowserEventHandler::OnAddressChange(CefRefPtr<CefBrowser> browser,CefRefPtr<CefFrame> frame,const CefString& url) OVERRIDE  
  46. {  
  47.     ::SendMessage(m_pMainFrame->GetHWND(), WM_URL_CHANGED, (WPARAM)browser->GetHost()->GetWindowHandle(), (LPARAM)(LPCTSTR)url.c_str());  
  48. }  
  49.   
  50. void CCefBrowserEventHandler::OnLoadError(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, ErrorCode errorCode,   
  51.                                           const CefString& errorText, const CefString& failedUrl) OVERRIDE  
  52. {  
  53.     CEF_REQUIRE_UI_THREAD();  
  54.     if (ERR_ABORTED == errorCode)  
  55.         return ;  
  56.   
  57.     std::stringstream ss;  
  58.     ss << "<html><body bgcolor=\"white\">"  
  59.             "<h2>Failed to load URL " << std::string(failedUrl) <<  
  60.             " with error " << std::string(errorText) << " (" << errorCode <<  
  61.             ").</h2></body></html>";  
  62.     frame->LoadString(ss.str(), failedUrl);  
  63. }  
  64.   
  65. void CCefBrowserEventHandler::OnLoadingStateChange(CefRefPtr<CefBrowser> browser,bool isLoading,bool canGoBack,bool canGoForward) OVERRIDE  
  66. {  
  67.     ::PostMessage(m_pMainFrame->GetHWND(), WM_LOAD_CHANGED, (WPARAM)browser->GetHost()->GetWindowHandle(), MAKELPARAM(canGoForward, canGoBack));  
  68. }  
  69.   
  70. void CCefBrowserEventHandler::OnAfterCreated(CefRefPtr<CefBrowser> browser) OVERRIDE  
  71. {  
  72.     CEF_REQUIRE_UI_THREAD();      
  73.     HWND hWnd = browser->GetHost()->GetWindowHandle();  
  74.     DWORD dwNewStyle = (::GetWindowLong(hWnd, GWL_STYLE)&~(WS_POPUP|WS_CAPTION|WS_BORDER|WS_SIZEBOX|WS_SYSMENU))|WS_CHILD;  
  75.     ::SetWindowLong(hWnd, GWL_STYLE, dwNewStyle);    
  76.     SetParent(hWnd, m_pMainFrame->GetHWND());  
  77.       
  78.     m_browser_list.push_back(browser);  
  79.     ::PostMessage(m_pMainFrame->GetHWND(), WM_CREATE_NEW_PAGE, (WPARAM)browser->GetHost()->GetWindowHandle(), 0);  
  80. }  
  81.   
  82. BrowserPtr CCefBrowserEventHandler::GetBrowser(HWND hWnd)  
  83. {  
  84.     BrowserPtr pBrowser = NULL;  
  85.     for(size_t i = 0; i < m_browser_list.size(); ++i)  
  86.     {  
  87.         if (m_browser_list[i] && m_browser_list[i]->GetHost()->GetWindowHandle() == hWnd)  
  88.         {  
  89.             pBrowser = m_browser_list[i];  
  90.             break;  
  91.         }  
  92.     }  
  93.     return pBrowser;  
  94. }  
  95.   
  96. bool CCefBrowserEventHandler::DoClose(CefRefPtr<CefBrowser> browser) OVERRIDE  
  97. {  
  98.     CEF_REQUIRE_UI_THREAD();  
  99.     if (1 == m_browser_list.size())  
  100.     {  
  101.     }  
  102.     return false;  
  103. }  
  104.   
  105. void CCefBrowserEventHandler::OnBeforeClose(CefRefPtr<CefBrowser> browser) OVERRIDE  
  106. {  
  107.     CEF_REQUIRE_UI_THREAD();  
  108.   
  109.     for (BrowserList::iterator bit = m_browser_list.begin(); bit != m_browser_list.end(); ++bit)   
  110.     {  
  111.         if ((*bit)->IsSame(browser)) {  
  112.             m_browser_list.erase(bit);  
  113.             break;  
  114.         }  
  115.     }  
  116.   
  117.     if (m_browser_list.empty())   
  118.     {  
  119.         CefQuitMessageLoop();  
  120.     }  
  121. }  
  122.   
  123. void CCefBrowserEventHandler::CloseAllBrowser(bool force_close)   
  124. {  
  125.     if (!CefCurrentlyOn(TID_UI))   
  126.     {  
  127.         CefPostTask(TID_UI,base::Bind(&CCefBrowserEventHandler::CloseAllBrowser, this, force_close));  
  128.         return;  
  129.     }  
  130.   
  131.     if (m_browser_list.empty())  
  132.         return;  
  133.   
  134.     BrowserList::const_iterator it = m_browser_list.begin();  
  135.     for (; it != m_browser_list.end(); ++it)  
  136.     {  
  137.         (*it)->GetHost()->CloseBrowser(force_close);  
  138.     }  
  139. }

根据对应新建的浏览器动态创建对应的浏览器选项卡：

[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. void CBrowserWnd::OnNewPage(HWND hWnd)  
  2. {  
  3.     COptionUI* pOption = new COptionUI;  
  4.     m_pOptions->Add(pOption);  
  5.     CDuiString strAttr;  
  6.     strAttr.Format(_T("width=\"%d\" group=\"tab_group\" normalimage=\"选项卡1.png\" selectedimage=\"选项卡2.png\" endellipsis=\"true\""), m_nOptionWidth);  
  7.     pOption->ApplyAttributeList(strAttr);  
  8.     m_objHwndMap[pOption] = hWnd;  
  9.     m_pOptions->SetFixedWidth(m_nOptionWidth*m_objHwndMap.size());     
  10.     pOption->Selected(true);   
  11.   
  12.     CHorizontalLayoutUI* pBody = static_cast<CHorizontalLayoutUI*>(m_PaintManager.FindControl(_T("body")));  
  13.     if (NULL != pBody)  
  14.     {  
  15.         RECT rtPositon = pBody->GetPos();  
  16.         ::MoveWindow(hWnd, rtPositon.left, rtPositon.top, rtPositon.right-rtPositon.left, rtPositon.bottom-rtPositon.top, TRUE);  
  17.     }  
  18.   
  19.     ShowPage(hWnd);  
  20. } 
选择不同选项卡进行切换：
[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. void CBrowserWnd::OnSelectChanged(TNotifyUI& msg)  
  2. {  
  3.     COptionUI* pOption = (COptionUI*)msg.pSender;  
  4.     if(NULL == pOption)  
  5.         return ;  
  6.   
  7.     OnUrlChanged(m_objHwndMap[pOption], m_objBrowserEvent->GetBrowser(m_objHwndMap[pOption])->GetMainFrame()->GetURL().c_str());  
  8.     OnTitleChanged(m_objHwndMap[pOption], pOption->GetText().GetData());  
  9.     OnLoadChanged(m_objHwndMap[pOption], m_objBrowserEvent->GetBrowser(m_objHwndMap[pOption])->CanGoBack(),   
  10.                   m_objBrowserEvent->GetBrowser(m_objHwndMap[pOption])->CanGoForward());  
  11.   
  12.     ShowPage((COptionUI*)msg.pSender);  
  13. }

[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. // 加载进度变化
  2. void BrowserWnd::OnLoadChanged(HWND hWnd, BOOL bCanBack, BOOL bCanForword)  
  3. {  
  4.     COptionUI* pOption = GetOption(hWnd);  
  5.     if (NULL == pOption)  
  6.         return ;  
  7.   
  8.     if (!pOption->IsSelected())  
  9.         return ;      
  10.   
  11.     if (m_pBackbtn)  
  12.     {  
  13.         m_pBackbtn->SetEnabled(bCanBack != FALSE);  
  14.     }             
  15.     if (m_pForwordbtn)  
  16.     {  
  17.         m_pForwordbtn->SetEnabled(bCanForword != FALSE);  
  18.     }  
  19. }  
[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. // URL变化  
  2. void CBrowserWnd::OnUrlChanged(HWND hWnd, LPCTSTR lpLoadUrl)  
  3. {  
  4.     COptionUI* pOption = GetOption(hWnd);  
  5.     if (NULL == pOption)  
  6.         return ;  
  7.   
  8.     if (!pOption->IsSelected())  
  9.         return ;      
  10.   
  11.     if (lpLoadUrl && m_pUrlEdit)  
  12.     {  
  13.         m_strUrl = lpLoadUrl;  
  14.         m_pUrlEdit->SetText(lpLoadUrl);  
  15.     }  
  16. }  
[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. // 标题变化  
  2. void CBrowserWnd::OnTitleChanged(HWND hWnd, LPCTSTR lpTitle)  
  3. {  
  4.     COptionUI* pOption = GetOption(hWnd);  
  5.     if (NULL == pOption)  
  6.         return ;  
  7.   
  8.     pOption->SetText(lpTitle);  
  9.     if (pOption->IsSelected() && m_pTitile)  
  10.     {  
  11.         CString strTitile = lpTitle;  
  12.         strTitile += _T("                            ");  
  13.         m_pTitile->SetText(strTitile);  
  14.     }  
  15. }
以上代码中，在切换的时候，将对应的浏览器显示出来（对应浏览器的HWND我们是可以获取到并存下来的，这里如何存取到要看我的上一篇文章：Browser->GetHost->GetWindowHandle获取到对应的窗口句柄）；

接下来就是相应不同浏览器的标题变化、加载变化以及URL状态变化等事件，根据不同的事件丰富我们的内容；

（3）新建浏览器鼠标滚轮失效的问题

说道这个问题，其实我之前也用过也遇到过，不过这个小问题编码的时候没太注意到，我原来的代码是这样的：

[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. void CCefBrowserEventHandler::OnAfterCreated(CefRefPtr<CefBrowser> browser) OVERRIDE  
  2. {  
  3.     CEF_REQUIRE_UI_THREAD();      
  4.     HWND hWnd = browser->GetHost()->GetWindowHandle();  
  5.     SetParent(hWnd, m_pMainFrame->GetHWND());  
  6.     DWORD dwNewStyle = (::GetWindowLong(hWnd, GWL_STYLE)&~(WS_POPUP|WS_CAPTION|WS_BORDER|WS_SIZEBOX|WS_SYSMENU))|WS_CHILD;  
  7.     ::SetWindowLong(hWnd, GWL_STYLE, dwNewStyle);    
  8.       
  9.       
  10.     m_browser_list.push_back(browser);  
  11.     ::PostMessage(m_pMainFrame->GetHWND(), WM_CREATE_NEW_PAGE, (WPARAM)browser->GetHost()->GetWindowHandle(), 0);  
  12. }
纠正之后的代码：
[cpp] view plain copy 在CODE上查看代码片派生到我的代码片
  1. void CCefBrowserEventHandler::OnAfterCreated(CefRefPtr<CefBrowser> browser) OVERRIDE  
  2. {  
  3.     CEF_REQUIRE_UI_THREAD();      
  4.     HWND hWnd = browser->GetHost()->GetWindowHandle();  
  5.     DWORD dwNewStyle = (::GetWindowLong(hWnd, GWL_STYLE)&~(WS_POPUP|WS_CAPTION|WS_BORDER|WS_SIZEBOX|WS_SYSMENU))|WS_CHILD;  
  6.     ::SetWindowLong(hWnd, GWL_STYLE, dwNewStyle);    
  7.     SetParent(hWnd, m_pMainFrame->GetHWND());  
  8.       
  9.     m_browser_list.push_back(browser);  
  10.     ::PostMessage(m_pMainFrame->GetHWND(), WM_CREATE_NEW_PAGE, (WPARAM)browser->GetHost()->GetWindowHandle(), 0);  
  11. } 
是否发现了不同之处？是的就是在设置浏览器窗口属性的时候顺序导致的，有Popup窗口更改为子窗口的时候，必须有子窗口属性之后设置父窗口才奏效，由子窗口变为popup窗口的时候必须先去掉父窗口，也就是setparent为null后在修改为popup，这是一个顺序问题，其中的理解意味深长，这里我就不多说了！很重要！

好了给大家看看效果，所有图片都是我在easyicon上随便找的，比较难看，我这里只是做demon，所以，你么可以自己处理UI：



千言万语，抵不过一例源代码：http://download.csdn.net/detail/lixiang987654321/9600129 

0 0
网络文明主题班会教案 网络文明主题班会教案
原创粉丝点击
热门IT博客
世界最强黑客知乎世界最强黑客知乎
网络kqueue网络kqueue
js click target
logo设计 软件
mac ios模拟器安装ipa
防火墙软件测试报告
asp注册传到数据库
判断推理解题技巧知乎
正品扫码软件
淘宝一千零一夜视频
淘宝卖家版千牛下载
此情唯有落花知txt
计算机算法的特征
access数据库怎么查询
淘优多源码论坛
canny边缘检测算法
asp.net crm源码
java开发实战经典ppt
淘宝小米f码是真的吗
网络架构师培训
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 春游带什么吃的 春游踏青活动 春游小报图片 春游的心情短语 春游日记200字 小学生春游活动方案 小学生春游必带物品清单 春游的作文400字作文 春游带什么吃的好 春游作文300字 春游作文600字 春游湖的诗意 公司春游活动方案 幼儿园春游活动方案 春游策划方案 春游活动方案 幼儿园大班春游总结 幼儿园春游活动计划 小孩春游带什么吃的 幼儿园 春游活动方案 小学生春游活动总结 幼儿园春游带什么 春游日记300字 幼儿园春游总结 春游带什么东西 踏青诗句 和晋陵陆丞早春游望 学校组织同学们春游 春湾石林 春湾风景区旅游 阳春春湾特大事件 汕尾红海湾春晖酒店 溧阳天目湖碧春源宾馆 农夫仙泉有点田 春时 春去也飞红万点愁如海 春点大全 春点 春燕 春物 春物14卷结局 春物结局

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里