2012年07月21日

GeckoFXで簡素なWebブラウザを作る(C#)

IEコンポーネントのWebBrowserコントロール、WebKit.NETの次は、GeckoFXを使ってみます。
GeckoはFirefoxとかで使われているレンダリングエンジンですね。これを.NETから簡単に使えるようにしたライブラリがGeckoFXです。

GeckoFXの導入については下記のサイトを参考にさせていただきました。
GeckoFXの導入・使用方法

リンク先の記事と異なる点は下記の通りです。

あとは、WebBrowser、WebKitBrowserのときと同様にプログラムを作成しました。
「再読み込み」はWebKitBrowserと同様に「Reload」。
「ホームへ移動」はWebKitBrowserと同様に該当するメソッドなし。

public Form1()
{
    InitializeComponent();

    this.comboBox1.Text = "http://www.google.com";
    this.button1.Text = "戻る";
    this.button2.Text = "進む";
    this.button3.Text = "更新";
    this.button4.Text = "ホーム";
    this.button5.Text = "移動";
}

private void Form1_Load(object sender, EventArgs e)
{
}

/// <summary>
/// URL入力エリア:選択変更
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    try
    {
        // 移動
        geckoWebBrowser1.Navigate(comboBox1.Text);
    }
    catch
    {
    }
}

/// <summary>
/// URL入力エリア:キー入力
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_KeyDown(object sender, KeyEventArgs e)
{
    // エンターキー
    if (e.KeyCode == Keys.Enter)
    {
        // 移動ボタン入力と同じ
        button5.PerformClick();
    } 
}

/// <summary>
/// 戻るボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button1_Click(object sender, EventArgs e)
{
    // 戻る
    this.geckoWebBrowser1.GoBack();
}

/// <summary>
/// 進むボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button2_Click(object sender, EventArgs e)
{
    // 進む
    this.geckoWebBrowser1.GoForward();
}

/// <summary>
/// 更新ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button3_Click(object sender, EventArgs e)
{
    // 更新(再読み込み)
    this.geckoWebBrowser1.Reload();
}

/// <summary>
/// ホームボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button4_Click(object sender, EventArgs e)
{
    // ホームへ移動
}

/// <summary>
/// 移動ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button5_Click(object sender, EventArgs e)
{
    // 入力したURLに移動する
    try
    {
        string url = comboBox1.Text;
        // "http://"が無ければ補完
        if (comboBox1.Text.StartsWith("http://") == false)
        {
            url = "http://" + url;
        }
        // 移動
        geckoWebBrowser1.Navigate(url);
        comboBox1.Items.Add(url);
    }
    catch
    {
    }
}

/// <summary>
/// GeckoWebKitブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void geckoWebBrowser1_Navigated(object sender, Skybound.Gecko.GeckoNavigatedEventArgs e)
{
    // URL入力エリアにナビゲートしたサイトのURLを設定
    try
    {
        this.comboBox1.Text = this.geckoWebBrowser1.Url.ToString();
    }
    catch
    {
    }
}

/// <summary>
/// WebKitブラウザ:ドキュメントのタイトル変更時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void geckoWebBrowser1_DocumentTitleChanged(object sender, EventArgs e)
{
    // フォームのタイトルを変更
    this.Text = this.geckoWebBrowser1.DocumentTitle;
}

実行結果はこんな感じです。見た目はWebBrowser、WebKitBrowserと違いありませんね。
GeckoWebKit-Sample-01.png

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

タグ:C# WebBrowser Gecko
posted by among at 21:00 | Comment(4) | TrackBack(0) | C#

2012年07月20日

WebKit.NETで簡素なWebブラウザを作る(C#)

前回はWebBrowserコントロールを使いましたが、今度はWebKit.NETを使ってみます。
WebkitはGoogle ChromeとかSafariとかAndroidとかで使われているレンダリングエンジンですね。これを.NETから簡単に使えるようにしたライブラリがWebKit.NETです。

C#でWebKit.NETを使う場合、インストールなどの事前準備の方が手間ですね。アプリケーションから使用する分にはWebBrowserコントロールを使う場合と大差はありません。

ファイルのダウンロード

WebKit.NETをダウンロードします。
WebKit .NET プロジェクト日本語トップページ - SourceForge.JP
執筆時点での最新版は「WebKit.NET-0.5-bin-cairo.zip」でした。
ダウンロードしたファイルは適当なフォルダに展開しておきます。

ツールボックスへ追加

Visual Studioの、ツールボックスで右クリックし、[アイテムの選択(I)...]をクリックします。
WebKit-Install-01.png
「.NET Frameworkコンポーネント」の[参照(B)...]をクリックして、展開したbinフォルダの中にあるWebKitBrowser.dllを選択します。
ツールボックスにWebKitBrowserが追加されました。
WebKit-Install-02.png

プロジェクトのプロパティ変更

プロジェクトのプロパティの「デバッグ」にある“Visual Studio ホスティング プロセスを有効にする(O)”のチェックを外します。
Visual Studioホスティングプロセスというのは、Visual Studioでデバッグ機能の改善・強化のためのものですが、WebKit.NETとは相性が悪いらしく、実行時にエラーになるようです。Visual Studioホスティングプロセスについては、下記のサイトなどを参照ください。
VSホスト・プロセス(*.vshost.exe)とは何か?[VS 2005のみ、C#、VB]

以上で、準備は終了です。

プログラムの作成とビルド

WebKitBrowserはWebBrowserとほとんど同じように使用できます。前回作成したプログラムのWebBrowserをWebKitBrowserに差し替えてみます。
Navigate,GoBack,GoForward,などはそのまま利用可能。RefreshはReloadに代わります。GoHomeは互換メソッドが見つかりませんでした。Webkitにはないのかも。

public Form1()
{
    InitializeComponent();

    this.comboBox1.Text = "http://www.google.com";
    this.button1.Text = "戻る";
    this.button2.Text = "進む";
    this.button3.Text = "更新";
    this.button4.Text = "ホーム";
    this.button5.Text = "移動";
}

/// <summary>
/// URL入力エリア:選択変更
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    try
    {
        // 移動
        webKitBrowser1.Navigate(comboBox1.Text);
    }
    catch
    {
    }
}

/// <summary>
/// URL入力エリア:キー入力
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void comboBox1_KeyDown(object sender, KeyEventArgs e)
{
    // エンターキー
    if (e.KeyCode == Keys.Enter)
    {
        // 移動ボタン入力と同じ
        button5.PerformClick();
    } 
}

/// <summary>
/// 戻るボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button1_Click(object sender, EventArgs e)
{
    // 戻る
    this.webKitBrowser1.GoBack();
}

/// <summary>
/// 進むボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button2_Click(object sender, EventArgs e)
{
    // 進む
    this.webKitBrowser1.GoForward();
}

/// <summary>
/// 更新ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button3_Click(object sender, EventArgs e)
{
    // 更新(再読み込み)
    this.webKitBrowser1.Reload();
}

/// <summary>
/// ホームボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button4_Click(object sender, EventArgs e)
{
    // ホームへ移動
}

/// <summary>
/// 移動ボタン
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void button5_Click(object sender, EventArgs e)
{
    // 入力したURLに移動する
    try
    {
        string url = comboBox1.Text;
        // "http://"が無ければ補完
        if (comboBox1.Text.StartsWith("http://") == false)
        {
            url = "http://" + url;
        }
        // 移動
        webKitBrowser1.Navigate(url);
        comboBox1.Items.Add(url);
    }
    catch
    {
    }
}

/// <summary>
/// WebKitブラウザ:ナビゲーション実行時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void webKitBrowser1_Navigated(object sender, WebBrowserNavigatedEventArgs e)
{
    // URL入力エリアにナビゲートしたサイトのURLを設定
    try
    {
        this.comboBox1.Text = this.webKitBrowser1.Url.ToString();
    }
    catch
    { 
    }
}

/// <summary>
/// WebKitブラウザ:ドキュメントのタイトル変更時
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void webKitBrowser1_DocumentTitleChanged(object sender, EventArgs e)
{
    // フォームのタイトルを変更
    this.Text = this.webKitBrowser1.DocumentTitle;
}

ビルドしたあと、ビルドして出来た実行ファイルと同じフォルダに、Webkit.dllなどのdll群やリソースファイルをコピーします。具体的には、展開したbinフォルダ以下の内容をコピーすればOKです。

実行結果はこんな感じです。
WebKit-Install-03.png

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

posted by among at 21:00 | Comment(2) | TrackBack(0) | C#

2012年07月15日

WebBrowserコントロールで簡素なWebブラウザを作る(C#)

WebBrowserコントロールはWebブラウザとしての基本的な機能を持っているため、これを使うことで簡単なWebブラウザを作ることができます。(この手の情報はネット上に腐るほどあるんですが)

まず、新規プロジェクトを作成して、下記のコントロールを貼り付けます。 コントロール名称はデフォルトのままで。

  • WebBrowser(Webブラウザとしての中核)
  • ComboBox(URL入力用)
  • Button×5(「戻る」「進む」「更新」「ホーム」「移動」ボタン)

コードは下記のようになります。説明はコード中のコメントで。

public Form1()
{
    InitializeComponent();

    this.comboBox1.Text = "http://www.google.com";
    this.button1.Text = "戻る";
    this.button2.Text = "進む";
    this.button3.Text = "更新";
    this.button4.Text = "ホーム";
    this.button5.Text = "移動";
}

/// <summary>
/// URL入力エリア:選択変更
/// </summary>
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
    try
    {
        // 移動
        webBrowser1.Navigate(comboBox1.Text);
    }
    catch
    {
    }
}

/// <summary>
/// Webブラウザ:ナビゲーション実行時
/// </summary>
private void webBrowser1_Navigated(object sender, WebBrowserNavigatedEventArgs e)
{
    // フォームのタイトルをナビゲートしたサイトのタイトルを設定
    this.Text = webBrowser1.Document.Title.ToString();
    // URL入力エリアにナビゲートしたサイトのURLを設定
    this.comboBox1.Text = webBrowser1.Url.ToString(); 
}

/// <summary>
/// 戻るボタン
/// </summary>
private void button1_Click(object sender, EventArgs e)
{
    // 戻る
    this.webBrowser1.GoBack();
}

/// <summary>
/// 進むボタン
/// </summary>
private void button2_Click(object sender, EventArgs e)
{
    // 進む
    this.webBrowser1.GoForward();
}

/// <summary>
/// 更新ボタン
/// </summary>
private void button3_Click(object sender, EventArgs e)
{
    // 更新(再読み込み)
    this.webBrowser1.Refresh();
}

/// <summary>
/// ホームボタン
/// </summary>
private void button4_Click(object sender, EventArgs e)
{
    // ホームへ移動
    this.webBrowser1.GoHome();
}

/// <summary>
/// 移動ボタン
/// </summary>
private void button5_Click(object sender, EventArgs e)
{
    // 入力したURLに移動する
    try
    {
        string url = comboBox1.Text;
        // "http://"が無ければ補完
        if (comboBox1.Text.StartsWith("http://") == false)
        {
            url = "http://" + url;
        }
        // 移動
        webBrowser1.Navigate(url);
        comboBox1.Items.Add(url);
    }
    catch
    {
    }
}

/// <summary>
/// URL入力エリア:キー入力
/// </summary>
private void comboBox1_KeyDown(object sender, KeyEventArgs e)
{
    // エンターキー
    if (e.KeyCode == Keys.Enter)
    {
        // 移動ボタン入力と同じ
        button5.PerformClick();
    } 
}

/// <summary>
/// Webブラウザ:新しいウィンドウが開かれたとき
/// </summary>
private void webBrowser1_NewWindow(object sender, CancelEventArgs e)
{
    // キャンセル
    e.Cancel = true;

    // ここではキャンセルしているので新しいウィンドウは開かないし画面遷移もしない
    // 新しいウィンドウを開かずに内部のブラウザで開くためにはwebBrowserの改造が必要。
    // 今回は省略
    // [参照]
    // http://agrimo.jp/wp/?page_id=1059
    // http://vsug.jp/tabid/63/forumid/45/threadid/9273/scope/posts/Default.aspx
}

実行結果はこんな感じです。
webBrowser-Sample-01.png

良かったらクリックしてください
にほんブログ村 IT技術ブログ プログラム・プログラマーへ  人気ブログランキングへ

タグ:C# WebBrowser
posted by among at 08:05 | Comment(0) | TrackBack(0) | C#