webbrowser wtl javascript错误处理

在web开发中，javascript是必不可少的一部分。随着javascript的不断发展和应用，开发人员面临着越来越多的javascript错误。这些错误可能会导致页面崩溃、功能失效甚至是用户信息泄露等问题。因此，对javascript错误进行及时识别和处理非常重要。本文将介绍如何使用webbrowser控件、wtl以及javascript来进行javascript错误处理。

1. WebBrowser控件介绍

WebBrowser控件是Microsoft Windows操作系统中的一个ActiveX控件，可用于嵌入网页浏览器。WebBrowser控件支持所有IE浏览器支持的网页浏览功能，例如HTML、CSS、JavaScript等。

WebBrowser控件可以在本地Win32应用程序中嵌入一个网页浏览器，提供浏览器样式的GUI界面，并允许开发人员使用C++等编程语言调用浏览器API访问Web内容。该控件能够让开发人员在类似Microsoft Word等桌面应用中嵌入网页，提供更丰富的用户界面和功能。

2. WTL框架介绍

WTL（Windows Template Library）是一个用于Windows应用程序开发的C++模板库。它借助于ATL（Active Template Library）提供的模板类等技术，使得开发者可以更加轻松的编写Windows应用程序。由于WTL采用模板类的方式，可以减少控件的创建和处理资源的负担，因此，在Windows平台下，WTL是性能最好的UI库之一。

WTL提供了大量的窗口控制和消息处理的宏和模板类，可以减少Win32 API调用的代码量。其提供了大量与界面控件创建、扩展和交互的帮助类与工具，使得开发者可以更省时地在程序中集成WebBrowser控件。

立即学习“Java免费学习笔记（深入）”；

3. JavaScript错误处理介绍

由于JavaScript是一种运行时解释性语言，因此在代码中可能出现错误。JavaScript错误分为语法错误和逻辑错误。

语法错误是由于代码不符合JavaScript语法规范而引起的错误。例如，拼写错误、缺少逗号、括号不匹配等。

逻辑错误是由于代码含义不正确或执行上下文不正确引起的错误。例如，把字符串与数字相加、使用未声明的变量等。

对于语法错误，可以通过IDE或代码编辑器进行纠正。而对于逻辑错误，则需要通过代码调试或错误处理进行解决。而JavaScript错误处理的方法，主要分为try-catch语句和window.onerror方法。

try-catch语句是一种常用的错误处理方法，它用于捕获在try代码块中发生的错误，并通过catch代码块中的语句进行处理。例如：

try {
  // some code
}
catch(err) {
  console.log(err.message);
}

window.onerror方法是一种JavaScript全局错误处理方法，它允许开发人员在运行时处理JavaScript错误。例如：

window.onerror = function(message, url, lineNumber) {
  console.log("Error: " + message + " in " + url + " at line " + lineNumber);
}

4. WebBrowser控件嵌入WTL应用程序

在WTL中嵌入WebBrowser控件，需要进行以下步骤：

4.1 创建一个使用WTL的Win32应用程序

使用Visual Studio创建一个空的Win32应用程序，然后选择WTL应用程序向导，并创建WTL应用程序。

4.2 在对话框中添加WebBrowser控件

在对话框编辑器中，添加一个空间类型为“CCustomControl”，然后将其ID设置为“IDC_EXPLORER”。

4.3 建立一个包含WebBrowser控件的类

class CWebBrowserView : public CWindowImpl {
  public:
    BEGIN_MSG_MAP(CWebBrowserView)
        MESSAGE_HANDLER(WM_CREATE, OnCreate)
    END_MSG_MAP()

  private:
    LRESULT OnCreate(UINT uMsg, WPARAM wParam,
        LPARAM lParam, BOOL& bHandled) {
      HRESULT hr = CreateControl(CComBSTR("{8856F961-340A-11D0-A96B-00C04FD705A2}"),
          m_hWnd, NULL);
      return 0;
    }
};

4.4 在对话框类中添加WebBrowser控件

在对话框类的头文件中，添加成员变量：

vue-store高仿小米商城

本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算

下载

CWebBrowserView m_wndView;

在OnInitDialog中，为WebBrowser控件分配空间：

CRect rcClient;
GetClientRect(&rcClient);
m_wndView.Create(m_hWnd, rcClient, NULL,
    WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN);

5. JavaScript错误处理

在WebBrowser控件中嵌入JavaScript脚本，主要有以下几种方式：

5.1 直接解析JavaScript脚本

可以通过WebBrowser控件提供的方法，直接解析JavaScript脚本并执行。例如：

CComPtr spDocDisp;
m_explorer.QueryService(IID_IDispatch, IID_IDispatch,
    reinterpret_cast(&spDocDisp));

CComVariant vtResult;
CComBSTR bstrScript("if (confirm('Are you sure?')) { alert('OK'); }");
spDocDisp.Invoke1(L"eval", &CComVariant(bstrScript), &vtResult);

5.2 在HTML页面中嵌入JavaScript脚本

可以在HTML页面中嵌入JavaScript脚本，例如：

  
    

    

      
Name: 
      

    
  

5.3 加载外部JavaScript文件

可以在HTML页面中通过script标签加载外部JavaScript文件。例如：

6. JavaScript错误处理示例

在WTL应用程序中嵌入WebBrowser控件，并在HTML页面中嵌入JavaScript脚本，例如：

  
    

    

      
Name: 
      

    
  

在WTL应用程序中添加窗口消息处理，获取JavaScript错误信息。例如：

LRESULT OnError(UINT uMsg, WPARAM wParam,
    LPARAM lParam, BOOL& bHandled) {
  CComPtr spSrvProvider;
  HRESULT hr = m_explorer.QueryInterface(IID_IServiceProvider,
      reinterpret_cast(&spSrvProvider));

  CComPtr spBrowser;
  hr = spSrvProvider->QueryService(SID_SWebBrowserApp,
      IID_IWebBrowser2,
      reinterpret_cast(&spBrowser));

  CComPtr spScript;
  hr = spBrowser->get_Script(&spScript);

  CComBSTR bstrMessage;
  hr = spScript.GetPropertyByName(L"error.message",
      &CComVariant(),
      &bstrMessage);

  CComBSTR bstrUrl;
  hr = spScript.GetPropertyByName(L"error.url", &CComVariant(),
      &bstrUrl);

  CComVariant vtLine;
  hr = spScript.GetPropertyByName(L"error.lineNumber",
      &CComVariant(),
      &vtLine);

  ATLTRACE(_T("JavaScript error: %s in %s at line %d"),
      bstrMessage, bstrUrl, V_I4(&vtLine));

  return 0;
}

然后，将错误消息处理注册到WebBrowser控件的DocumentComplete事件中。例如：

void OnDocumentComplete(IDispatch *pDisp, VARIANT *url) {
  CComQIPtr spDoc2(pDisp);
  CComQIPtr spWin2;
  spDoc2->get_parentWindow(&spWin2);
  if (spWin2) {
    CComVariant vt;
    spWin2->execScript(CComBSTR("window.onerror=function() { return true; }"),
        CComBSTR("javascript"), &vt);
    spWin2->execScript(CComBSTR("window.onerror"), CComBSTR("javascript"), &vt);
  }
}

这样，在WebBrowser控件中遇到JavaScript错误时，就能够通过OnErro消息处理函数获取到错误信息并进行处理。

7. 总结

本文介绍了如何在WTL应用程序中嵌入WebBrowser控件，并介绍了JavaScript错误处理的方法。JavaScript是Web开发中的重要组成部分，对JavaScript错误的及时处理对于提高应用程序的健壮性和安全性至关重要。在使用WebBrowser控件和WTL技术进行开发中，开发人员可以更加轻松地实现JavaScript错误的监测和处理，为用户提供更加稳定和安全的Web应用程序。