将libcef_dll_wrapper编译方式设置为MD

因为使用的Qt是动态链接的，而cef模式使用的是静态链接的方式，所以在使用前需要将cef编译方式改成Multi-thread DLL(/MD)，修改路径在在C/C++->Code Generation下的Runtime Library。重新编译后的libcef_dll_wrapper.lib库大概26Mb

新建QtGUI项目

　　为了快速实现，我们将使用cefsimple中的源码，将其嫁接到QtGUI中。

　　首先把cef目录下的include拷贝到新项目中，再将libcef_dll_wrapper.lib和libcef.dll拷贝到新项目的lib目录下。然后在项目中配置include和lib目录并将两个静态库添加到Linker->Input下。再将cefsimple中的simple_app.h、simple_app.cc、simple_handler.h、simple_handler.cc、simple_handler_win.cc拷贝到我们自己的项目源码目录下并在项目中添加。

新建.h和.cpp文件添加Cef初始化和退出函数

1 bool CefInit() 2 { 3     CefEnableHighDPISupport(); 4  5     CefSettings settings; 6     settings.no_sandbox = true; 7     settings.multi_threaded_message_loop = true; 8  9     HINSTANCE inc = GetModuleHandle(NULL);10     CefMainArgs mainArgs(inc);11 12     CefRefPtr
     
       cmd_line = CefCommandLine::CreateCommandLine();13     cmd_line->InitFromString(::GetCommandLineW());14 15     CefRefPtr
      
        app;16     app = new SimpleApp;17     return CefInitialize(mainArgs, settings, app.get(), NULL);18 }
      
     

1 void CefQuit()2 {3     CefShutdown();4 }

在Qt的Gui类中添加初始化浏览器的方法

1 void QBrowser::InitBrowser() 2 { 3     CefWindowInfo cefWndInfo; 4     QString strUrl = "http://baidu.com"; 5     HWND wnd = (HWND)ui.fmBrowser->winId(); 6  7     RECT winRect; 8  9     QDesktopWidget* pDeskTop = QApplication::desktop();10     QRect qtRect = pDeskTop->screenGeometry();11     winRect.left = qtRect.left();12     winRect.top = qtRect.top();13     winRect.right = qtRect.right();14     winRect.bottom = qtRect.bottom();15 16     cefWndInfo.SetAsChild(wnd, winRect);  //将cef界面嵌入qt界面中17 18     CefBrowserSettings cefBrowSetting;19     m_browserEvent = CefRefPtr
     
      (new SimpleHandler(true));20     bool browser = CefBrowserHost::CreateBrowser(cefWndInfo, m_browserEvent, strUrl.toStdString(), cefBrowSetting, NULL);21 22     emit resize(qtRect.width(), qtRect.height());        //设置软件全屏23 }
     

为了响应程序窗口大小变化，重载ResizeEvent方法

1 void QBrowser::resizeEvent(QResizeEvent *event) 2 { 3     if (m_browserEvent.get() == NULL) 4     { 5         return; 6     } 7  8     QRect qtRect = ui.fmBrowser->rect(); 9     const BrowserList browList = m_browserEvent->GetBrowserList();10 11     if (!browList.empty())12     {13         HWND wnd = browList.front()->GetHost()->GetWindowHandle();14         ::MoveWindow(wnd, qtRect.x(), qtRect.y(), qtRect.width(), qtRect.height(), true);15     }16 }

记得在构造Gui类的时候调用InitBrowser方法！

最后在Main函数中进行Cef的初始化和销毁函数

int main(int argc, char *argv[]){    QApplication a(argc, argv);    CefInit();    QBrowser w;    w.show();    a.exec();    CefQuit();    return 0;}

然后可以编译运行了

　　运行后发现，有两个窗口，因为simpleApp中也有一个初始化函数OnContextInitialized，我们在这个初始化函数开始位置进行reture即可。

　　万事开头难，有了这样一个小小的Demo之后我们就可以慢慢的分析cefsimple的实现，然后再将cef其他功能作用都添加到我们的项目中了。