{"id":4627,"date":"2025-01-10T16:00:24","date_gmt":"2025-01-10T16:00:24","guid":{"rendered":"https:\/\/truelogic.org\/wordpress\/?p=4627"},"modified":"2025-01-10T16:00:24","modified_gmt":"2025-01-10T16:00:24","slug":"17-wxwidgets-wxwebview","status":"publish","type":"post","link":"https:\/\/truelogic.org\/wordpress\/2025\/01\/10\/17-wxwidgets-wxwebview\/","title":{"rendered":"17.wxWidgets – wxWebView"},"content":{"rendered":"\n

OVERVIEW<\/strong><\/p>\n\n\n\n

The wxWebView component enables a web browser to be embedded into wxWidgets forms and allow us to manipulate the content in the browser. Depending on the OS, wxWebView either uses Edge or Webkit as its underlying browser engine.<\/p>\n\n\n\n

In order for the wxWebView component to be available, it should have been enabled during the installation of wxWidgets. Given below is sample code to load https:\/\/www.imdb.com and then inject javascript to do a search for a movie.<\/p>\n\n\n\n

SAMPLE CODE<\/strong><\/p>\n\n\n\n

browser.h<\/p>\n\n\n

\n#include <wx\/wxprec.h>\n#ifndef WX_PRECOMP\n#include <wx\/wx.h>\n#endif \/\/ WX_PRECOMP\n\n#if !wxUSE_WEBVIEW_WEBKIT && !wxUSE_WEBBIEW_WEBKIT2 && !wxUSE_WEBVIEW && !wxUSE_WEBVIEW_EDGE\n#error "A wxWebView backend is required"\n#endif\n#include <wx\/webview.h>\n\nclass Browser:public wxFrame {\npublic:\n    Browser(const wxString& title);\n    virtual void OnCloseWindow(wxCloseEvent& evt);\n    void OnNavigationComplete(wxWebViewEvent &evt);\n    void OnDocumentLoaded(wxWebViewEvent &evt);\n\nprivate:\n    wxWebView *m_web;\n};\n\n\n<\/pre><\/div>\n\n\n
browser.cpp<\/p>\n\n\n
\n#include "browser.h"\n\nBrowser::Browser(const wxString& title):\n    wxFrame(NULL, -1, title, wxDefaultPosition, wxSize(1000,400)) {\n\n    Bind(wxEVT_CLOSE_WINDOW, &Browser::OnCloseWindow, this);\n    Bind(wxEVT_WEBVIEW_NAVIGATED, &Browser::OnNavigationComplete, this);\n    Bind(wxEVT_WEBVIEW_LOADED, &Browser::OnDocumentLoaded, this);\n\n    wxPanel *pan = new wxPanel(this);\n    wxBoxSizer *vbox = new wxBoxSizer(wxVERTICAL);\n    pan->SetSizer(vbox);\n\n    m_web = wxWebView::New();\n    m_web->Create(pan, -1, wxT("https:\/\/www.imdb.com"), wxDefaultPosition, wxDefaultSize);\n    vbox->Add(m_web, 1, wxEXPAND | wxALL);\n\n    Center();\n}\n\nvoid Browser::OnCloseWindow(wxCloseEvent &evt) {\n    wxMessageDialog *dlg = new wxMessageDialog(NULL, wxT("Are you sure?"), wxT("Alert"),\n                                wxYES_NO | wxICON_QUESTION);\n    int retVal = dlg->ShowModal();\n    if (retVal == wxNO)\n        evt.Veto();\n    else\n        evt.Skip(TRUE);\n}\n\nvoid Browser::OnNavigationComplete(wxWebViewEvent &evt) {\n\n}\n\nvoid Browser::OnDocumentLoaded(wxWebViewEvent &evt) {\n    m_web->RunScript("document.getElementById(\\"suggestion-search\\").value = \\"The Matrix Revolutions\\";");\n    m_web->RunScript("document.getElementById(\\"suggestion-search-button\\").click();");\n}\n\n<\/pre><\/div>\n\n\n
main.h<\/p>\n\n\n
\n#include &lt;wx\/wxprec.h>\n#ifndef WX_PRECOMP\n#include &lt;wx\/wx.h>\n#endif \/\/ WX_PRECOMP\n\nclass MainApp:public wxApp {\npublic:\n    virtual bool OnInit();\n};\n\nwxIMPLEMENT_APP(MainApp);\n\n<\/pre><\/div>\n\n\n
main.cpp<\/p>\n\n\n
\n#include "main.h"\n#include "browser.h"\n\nbool MainApp::OnInit() {\n    Browser *browser = new Browser(wxT("Browser Demo"));\n    browser->Show(true);\n\n    return TRUE;\n}\n\n<\/pre><\/div>\n\n\n
The sample output is shown below:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
OVERVIEW The wxWebView component enables a web browser to be embedded into wxWidgets forms and allow us to manipulate the content in the browser. Depending […]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":4405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[365],"tags":[],"class_list":["post-4627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wxwidgets"],"_links":{"self":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/4627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/comments?post=4627"}],"version-history":[{"count":4,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/4627\/revisions"}],"predecessor-version":[{"id":4634,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/4627\/revisions\/4634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media\/4405"}],"wp:attachment":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media?parent=4627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/categories?post=4627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/tags?post=4627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}