記事一覧 >
ブログ記事

Windows

C++,C# WebBrowserコントロールでIE11のActiveXを延命

2022年03月31日 (更新)2022年03月31日 (公開)

はじめに

2022 年 6 月 15 日に IE11 がサポート終了になります。ActiveX が使えなくなり、今まで「IE11 を使ってください。」と言っていた機能が使えなくなり、Edge,Chrome,Firefox,Safari...用に同等機能の開発が必要になると思います。
対応が難しい場合、Edge の IE11 モード、あるいは、WebBrowser コントロールを使用したアプリを使うことになると思います。これにより、ActiveX は今まで通り使用できます。
今回、WebBrowser コントロールを使用したアプリを Visual Studio 2019 で実装、ビルドするところまで紹介したいと思います。

C++版、C#版両方紹介しますが、ほぼ同等機能で、関連していません。どちらかをビルドすればＯＫです。

Edge の IE11 モードでも、本記事の WebBrowser コントロールでも、例えば、IE11 のウィンドウ名を取得していたりした場合、ActiveX が使えなくなるか、一部機能が失われるかもしれません。

Edge の IE11 モードは、2029年1月9日に終了という情報がありますので、その頃には、この記事の内容も使えなくなると思います。

概要

WebBrowser コントロールとは、下記の図のように、IE のガワ以外のブラウザ機能を利用するものです。

今回実装する内容は、本ブログ別記事「カスタム URL スキームでエクスプローラーを起動してフォルダを開く msi ビルド全手順」のように、カスタム URL をクリックして、IE11 画面が表示されて、ActiveX が起動するところまでがゴールです。

↑
「Hello world.」表示部分が ActiveX です。

ActiveX

ただ単に「Hello world.」と表示する ActiveX を独自に作成しました。
（赤枠内が ActiveX です。）

この ActiveX がインストールされた状態です。

以下の HTML で表示します。

<HTML>
<HEAD>
</HEAD>
<BODY>
<OBJECT CLASSID="CLSID:de1a48df-a483-4876-b4dc-04421671f3f3" WIDTH="200" HEIGHT="100">
<PARAM NAME="Caption" VALUE="Hello world.">
<EMBED TYPE="application/x-test-activex" WIDTH="200" HEIGHT="100" Caption="Hello world.">
</OBJECT>
</BODY>
</HTML>

IE11モードではない Edge の場合は、以下のように起動しません。

ソースコード（C++）

ウィザードで生成されたソースコードを少し変更するのみです。
IEView.htm以外は、差分のみ表示です。

変更するのは、
IEView.htm
IEView.cpp
IEViewDlg.cpp
IEViewDlg.h
の４つです。

主に以下の事を行っています。
・OK、キャンセルボタンの削除
・引数の受け渡し
・引数の URL へ遷移

BOOL CIEViewDlg::PreTranslateMessage(MSG* pMsg)
{
    if (WM_KEYDOWN == pMsg->message) {
        switch (pMsg->wParam) {
        case VK_RETURN:
        case VK_ESCAPE:
            return FALSE;
        }
    }
    return CDHtmlDialog::PreTranslateMessage(pMsg);
}

はダイアログベースの MFC アプリを Esc, Enter で閉じないようにしています。

IEView.htm

<html>
<head>
<style>
body {
background-color: #c0c0c0;
}
</style>
</head>
<body>
</body>
</html>

IEView.cpp CHANGED Viewed

@@ -42,39 +42,22 @@
     // ダイアログにシェル ツリー ビューまたはシェル リスト ビュー コントロールが
     // 含まれている場合にシェル マネージャーを作成します。
-    CShellManager *pShellManager = new CShellManager;
+    CShellManager* pShellManager = nullptr;
+    //CShellManager* pShellManager = new CShellManager;
     // MFC コントロールでテーマを有効にするために、"Windows ネイティブ" のビジュアル マネージャーをアクティブ化
     CMFCVisualManager::SetDefaultManager(RUNTIME_CLASS(CMFCVisualManagerWindows));
-    // 標準初期化
-    // これらの機能を使わずに最終的な実行可能ファイルの
-    // サイズを縮小したい場合は、以下から不要な初期化
-    // ルーチンを削除してください。
-    // 設定が格納されているレジストリ キーを変更します。
-    // TODO: 会社名または組織名などの適切な文字列に
-    // この文字列を変更してください。
-    SetRegistryKey(_T("アプリケーション ウィザードで生成されたローカル アプリケーション"));
+    int dwArgc;
+    LPTSTR* lpszArgv = CommandLineToArgvW(GetCommandLineW(), &dwArgc);
+    CString url = lpszArgv[1];
+    if (url.Find(_T(':'), 0) >= 0) {
+        url = url.Mid(url.Find(_T(':'), 0) + 1);
+    }
-    CIEViewDlg dlg;
+    CIEViewDlg dlg(url);
     m_pMainWnd = &dlg;
     INT_PTR nResponse = dlg.DoModal();
-    if (nResponse == IDOK)
-    {
-        // TODO: ダイアログが <OK> で消された時のコードを
-        //  記述してください。
-    }
-    else if (nResponse == IDCANCEL)
-    {
-        // TODO: ダイアログが <キャンセル> で消された時のコードを
-        //  記述してください。
-    }
-    else if (nResponse == -1)
-    {
-        TRACE(traceAppMsg, 0, "警告: ダイアログの作成に失敗しました。アプリケーションは予期せずに終了します。\n");
-        TRACE(traceAppMsg, 0, "警告: ダイアログで MFC コントロールを使用している場合、#define _AFX_NO_MFC_CONTROLS_IN_DIALOGS を指定できません。\n");
-    }
     // 上で作成されたシェル マネージャーを削除します。
     if (pShellManager != nullptr)
     {

IEViewDlg.cpp CHANGED Viewed

@@ -16,15 +16,14 @@
 // CIEViewDlg ダイアログ
 BEGIN_DHTML_EVENT_MAP(CIEViewDlg)
-    DHTML_EVENT_ONCLICK(_T("ButtonOK"), OnButtonOK)
-    DHTML_EVENT_ONCLICK(_T("ButtonCancel"), OnButtonCancel)
 END_DHTML_EVENT_MAP()
-CIEViewDlg::CIEViewDlg(CWnd* pParent /*=nullptr*/)
+CIEViewDlg::CIEViewDlg(const CString& url, CWnd* pParent /*=nullptr*/)
     : CDHtmlDialog(IDD_IEVIEW_DIALOG, IDR_HTML_IEVIEW_DIALOG, pParent)
 {
     m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
+    m_url = url;
 }
 void CIEViewDlg::DoDataExchange(CDataExchange* pDX)
@@ -48,6 +47,9 @@
     SetIcon(m_hIcon, FALSE);        // 小さいアイコンの設定
     // TODO: 初期化をここに追加します。
+    int pos = m_url.ReverseFind(_T('/'));
+    this->SetWindowTextW(m_url.Mid(pos + 1));
+    this->Navigate(m_url);
     return TRUE;  // フォーカスをコントロールに設定した場合を除き、TRUE を返します。
 }
@@ -88,14 +90,14 @@
     return static_cast<HCURSOR>(m_hIcon);
 }
-HRESULT CIEViewDlg::OnButtonOK(IHTMLElement* /*pElement*/)
-{
-    OnOK();
-    return S_OK;
-}
-HRESULT CIEViewDlg::OnButtonCancel(IHTMLElement* /*pElement*/)
+BOOL CIEViewDlg::PreTranslateMessage(MSG* pMsg)
 {
-    OnCancel();
-    return S_OK;
+    if (WM_KEYDOWN == pMsg->message) {
+        switch (pMsg->wParam) {
+        case VK_RETURN:
+        case VK_ESCAPE:
+            return FALSE;
+        }
+    }
+    return CDHtmlDialog::PreTranslateMessage(pMsg);
 }

IEViewDlg.h CHANGED Viewed

@@ -10,7 +10,7 @@
 {
 // コンストラクション
 public:
-    CIEViewDlg(CWnd* pParent = nullptr);    // 標準コンストラクター
+    CIEViewDlg(const CString& url, CWnd* pParent = nullptr);    // 標準コンストラクター
 // ダイアログ データ
 #ifdef AFX_DESIGN_TIME
@@ -20,12 +20,10 @@
     protected:
     virtual void DoDataExchange(CDataExchange* pDX);    // DDX/DDV サポート
-    HRESULT OnButtonOK(IHTMLElement *pElement);
-    HRESULT OnButtonCancel(IHTMLElement *pElement);
 // 実装
 protected:
     HICON m_hIcon;
+    CString m_url;
     // 生成された、メッセージ割り当て関数
     virtual BOOL OnInitDialog();
@@ -33,4 +31,6 @@
     afx_msg HCURSOR OnQueryDragIcon();
     DECLARE_MESSAGE_MAP()
     DECLARE_DHTML_EVENT_MAP()
+public:
+    virtual BOOL PreTranslateMessage(MSG* pMsg);
 };

ソースコード（C#）

ウィザードで生成されたソースコードを少し変更するのみです。差分のみ表示です。

変更するのは、
Form1.Designer.cs
Form1.cs
Program.cs
の３つです。

主に以下の事を行っています。
・WebBrowserの初期化
・引数の受け渡し
・引数の URL へ遷移

Form1.Designer.cs CHANGED Viewed

@@ -29,13 +29,38 @@
         /// </summary>
         private void InitializeComponent()
         {
-            this.components = new System.ComponentModel.Container();
+            this.webBrowser1 = new System.Windows.Forms.WebBrowser();
+            this.SuspendLayout();
+            //
+            // webBrowser1
+            //
+            this.webBrowser1.AllowWebBrowserDrop = false;
+            this.webBrowser1.Dock = System.Windows.Forms.DockStyle.Fill;
+            this.webBrowser1.IsWebBrowserContextMenuEnabled = false;
+            this.webBrowser1.Location = new System.Drawing.Point(0, 0);
+            this.webBrowser1.MinimumSize = new System.Drawing.Size(20, 20);
+            this.webBrowser1.Name = "webBrowser1";
+            this.webBrowser1.Size = new System.Drawing.Size(1096, 661);
+            this.webBrowser1.TabIndex = 0;
+            this.webBrowser1.Url = new System.Uri("", System.UriKind.Relative);
+            //
+            // Form1
+            //
+            this.AutoScaleDimensions = new System.Drawing.SizeF(8F, 15F);
             this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
-            this.ClientSize = new System.Drawing.Size(800, 450);
+            this.ClientSize = new System.Drawing.Size(1096, 661);
+            this.Controls.Add(this.webBrowser1);
+            this.Name = "Form1";
+            this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
             this.Text = "Form1";
+            this.ResumeLayout(false);
         }
         #endregion
+        private System.Windows.Forms.WebBrowser webBrowser1;
+        private string m_url;
     }
 }

Form1.cs CHANGED Viewed

@@ -12,9 +12,12 @@
 {
     public partial class Form1 : Form
     {
-        public Form1()
+        public Form1( string url )
         {
+            m_url = url;
             InitializeComponent();
+            this.webBrowser1.Url = new System.Uri(m_url, System.UriKind.Absolute);
+            this.Text = m_url.Substring(m_url.LastIndexOf("/") + 1);
         }
     }
 }

Program.cs CHANGED Viewed

@@ -14,9 +14,13 @@
         [STAThread]
         static void Main()
         {
+            string[] args = Environment.GetCommandLineArgs();
+            string url = args[1];
+            url = url.Substring(url.IndexOf(":") + 1);
             Application.EnableVisualStyles();
             Application.SetCompatibleTextRenderingDefault(false);
-            Application.Run(new Form1());
+            Application.Run(new Form1(url));
         }
     }
 }

C++ 版ビルド手順

exe ビルド

Visual Studio 2019 は、インストールしたての状態が前提です。

プロジェクト作成準備

Visual Studio Installer を起動します。
「変更」をクリックします。

「C++ によるデスクトップ開発」→ 右側の詳細部分の「最新の v142 ビルドツール C++ MFC (x86...」にチェックを入れ、「変更」をクリックします。

プロジェクト作成

Visual Studio Installer を閉じて、Visual Studio 2019 を起動します。
「新しいプロジェクトの作成」をクリックします。

「MFC アプリ」を選択して、「次へ」をクリックします。

プロジェクト名：IEView
ソリューション名：IEView
とし、（入力内容は任意です。）「作成」をクリックします。

左側ペインの「アプリケーションの種類のオプション」「アプリケーションの種類」 : ダイアログベース「ダイアログベースのオプション」 : HTML ダイアログを使用するとします。

左側ペインの「ユーザーインターフェース機能」をクリックします。「最小化ボックス」「最大化ボックス」チェックボックスにチェックを入れ、「バージョン情報ボックス」のチェックを外します。（このあたりの選択は任意です。）

左側ペインの「高度な機能」をクリックします。「高度な機能:」のチェックを全て外します。（このあたりの選択は任意です。）「完了」をクリックします。

ソースコード編集

この時点で、リポジトリパスにある程度のプログラムが作成されていますので、
（リポジトリパス例：C:\Users\admin\source\repos\IEView\IEView）
github リポジトリ(itc-lab/IEView)
の
IEView.htm
IEView.cpp
IEViewDlg.cpp
IEViewDlg.h
の４つを上書きします。

ビルド実行

いきなり本番ビルドするため、Release x86に変更します。

「ビルド」→「IEView のビルド」をクリックします。

C:\Users\admin\source\repos\IEView\Release\IEView.exe
が作成されます。

msi ビルド

本ブログ別記事「カスタム URL スキームでエクスプローラーを起動してフォルダを開く msi ビルド全手順」「拡張機能インストール」の手順とほぼ同じですので、詳細は省略します。
概ね以下の手順になります。

拡張機能の Microsoft Visual Studio Installer Projects をインストールします。
↓
IEView.sln ソリューションを開きます。
↓
ファイル → 追加 → 新しいプロジェクト → 「Setup Project」選択し、「次へ」をクリックします。
↓
プロジェクト名：IEViewInstaller とし、「作成」をクリックします。
↓
「Application Folder」をクリックして、DefaultLocation の値を [LocalAppDataFolder]IEView とします。
↓
「Application Folder」選択状態で、右ペインを右クリック →「Add」→「ファイル」をクリックします。
↓
ビルド済みの IEView.exe
例：C:\Users\admin\source\repos\IEView\Release\IEView.exe
を追加します。
↓
レジストリエディタ―に切り替えます。
↓
HKEY_CLASSES_ROOT のところで、右クリック →「新しいキー」をクリックします。
以降、同要領で、 HKEY_CLASSES_ROOT\ieview\shell\open\command まで作成します。
↓
command を選択し、右ペインを右クリック →「New」→「文字列の値」をクリックします。
↓
Name を空白にします。※「New Value #1」を空白にすると、「(Default)」になります。
↓
(Default)をクリックして、Value の値を "[TARGETDIR]IEView.exe" "%1" とします。
↓
HKEY_CLASSES_ROOT\ieview をクリックして、
Name: (Default)
Value: URL: IEView
と
Name: URL Protocol
（Value は何も登録しません。）
を登録します。
↓
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION までキーを作成します。
↓
右ペインを右クリック →「New」→「DWORD の値」をクリックします。
↓
Name: IEView.exe
Value: 11001
を登録します。

HKEY_CURRENT_USER\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION に

IEView.exe = REG_DWORD 0x00002af9(11001) を登録する理由は、IE11モードで起動したいからです。

デフォルトは、IE7互換表示モードです。

↓
「ビルド」→「IEViewInstaller のビルド」をクリックして、IEViewIntaller.msi ができます。
（例：C:\Users\admin\source\repos\IEView\IEViewInstaller\Release\IEViewIntaller.msi）

C# 版ビルド手順

exe ビルド

Visual Studio 2019 は、インストールしたての状態が前提です。

プロジェクト作成準備

Visual Studio Installer を起動します。
「変更」をクリックします。

「.NET デスクトップ開発」→ 右側の詳細部分はそのままにして、「変更」をクリックします。

プロジェクト作成

Visual Studio Installer を閉じて、Visual Studio 2019 を起動します。
「新しいプロジェクトの作成」をクリックします。

「Windows フォームアプリケーション (.NET Framework)」を選択して、「次へ」をクリックします。

プロジェクト名：IEViewCS
ソリューション名：IEViewCS
とし、（入力内容は任意です。）「作成」をクリックします。

ソースコード編集

この時点で、リポジトリパスにある程度のプログラムが作成されていますので、
（リポジトリパス例：C:\Users\admin\source\repos\IEViewCS\IEViewCS）
github リポジトリ(itc-lab/IEViewCS)
の
Program.cs
Form1.Designer.cs
Form1.cs
の３つを上書きします。

ビルド実行

いきなり本番ビルドするため、Release Any CPU に変更します。

「ビルド」→「IEViewCS のビルド」をクリックします。

C:\Users\admin\source\repos\IEViewCS\Release\IEViewCS.exe
が作成されます。

msi ビルド

拡張機能の Microsoft Visual Studio Installer Projects をインストールします。
↓
IEViewCS.sln ソリューションを開きます。
↓
ファイル → 追加 → 新しいプロジェクト → 「Setup Project」選択し、「次へ」をクリックします。
↓
プロジェクト名：IEViewCSInstaller とし、「作成」をクリックします。
↓
「Application Folder」をクリックして、DefaultLocation の値を [LocalAppDataFolder]IEViewCS とします。
↓
「Application Folder」選択状態で、右ペインを右クリック →「Add」→「ファイル」をクリックします。
↓
ビルド済みの IEViewCS.exe
例：C:\Users\admin\source\repos\IEViewCS\bin\IEViewCS.exe
を追加します。
↓
レジストリエディタ―に切り替えます。
↓
HKEY_CLASSES_ROOT のところで、右クリック →「新しいキー」をクリックします。
以降、同要領で、 HKEY_CLASSES_ROOT\ieviewcs\shell\open\command まで作成します。
↓
command を選択し、右ペインを右クリック →「New」→「文字列の値」をクリックします。
↓
Name を空白にします。※「New Value #1」を空白にすると、「(Default)」になります。
↓
(Default)をクリックして、Value の値を "[TARGETDIR]IEViewCS.exe" "%1" とします。
↓
HKEY_CLASSES_ROOT\ieviewcs をクリックして、
Name: (Default)
Value: URL: IEViewCS
と
Name: URL Protocol
（Value は何も登録しません。）
を登録します。
↓
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION までキーを作成します。
↓
右ペインを右クリック →「New」→「DWORD の値」をクリックします。
↓
Name: IEViewCS.exe
Value: 11001
を登録します。

HKEY_CURRENT_USER\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION に

IEView.exe = REG_DWORD 0x00002af9(11001) を登録する理由は、IE11モードで起動したいからです。

デフォルトは、IE7互換表示モードです。

↓
「ビルド」→「IEViewCSInstaller のビルド」をクリックして、IEViewCSIntaller.msi ができます。
（例：C:\Users\admin\source\repos\IEViewCS\IEViewCSInstaller\Release\IEViewCSIntaller.msi）

動作例

C++版動作例です。
Edge から IE11 の画面が開き、ActiveX が起動しています。

C#版の方もほとんど同じです。

IE11で開くと、以下のような感じです。

コメント投稿機能です。以下のように投稿されます。 comments example

個人情報に関わることは自己紹介であっても絶対に書き込まないでください。
その他、宣伝、誹謗中傷等、当方が不適切と判断した書き込みは、理由の如何を問わず、投稿者に断りなく削除します。
書き込み内容について、一切の責任を負いません。
このコメント機能は、予告無く廃止する可能性があります。ご了承ください。
コメントの削除をご依頼の場合はTwitterのDM等でご連絡ください。

個人情報に繋がる名前は入力しないでください。

よく読まれている記事

2021年12月29日

C++,C# WebBrowserコントロールでIE11のActiveXを延命

はじめに

概要

ActiveX

ソースコード（C++）

ソースコード（C#）

C++ 版ビルド手順

exe ビルド

プロジェクト作成準備

プロジェクト作成

ソースコード編集

ビルド実行

msi ビルド

C# 版ビルド手順

exe ビルド

プロジェクト作成準備

プロジェクト作成

ソースコード編集

ビルド実行

msi ビルド

動作例

AD(Active Directory)の設定項目と属性名を紐付けてみた

VS CodeでPythonのコードフォーマッター(black)、リンター(flake8)をセットアップ

カスタムURLスキームのアプリに対応しているか検知する方法

Power Appsキャンバスアプリ【続】最初から知っていたら嬉しかった１５のこと

GitLab git commit 複数行コメントのやり方いろいろ

Material UI(MUI)v5 x-date-pickers日本語化・土日の色調整・週単位選択

Power Apps 向けの Power Fx 関数まとめ

Rocket.Chatを使ってみた

icaclsとSDDLファイルを使って大量のアクセス権を高速で付与

AD(Active Directory)の中身を覗いてみた - ldapsearch,php,PowerShell