使用Vs2005打造IE瀏覽器
很早就有搞一個瀏覽器的想法了,在vs2003上就試圖做過,苦於經常會有這種情況出現:當自治的瀏覽器遇到彈出窗口時無法捕獲新的彈出窗口,於是乎新的彈出窗口仍舊用ie(或其他系統默認瀏覽器)打開,在研究vs2005的WebBrowser控件時發現有NewWindow事件,於是乎興奮不已,決定用這個分頁瀏覽器體驗一下vs2005.
不過就在寫這篇blog時突然想到在vs2003的那個axWebBrowse組件是否有這個事件呢?原來也有!只是封裝的沒有vs2005的好,也不知道怎麼會有兩個此類的事件。所以在2003下應該也可以實現分頁(後續的文章會有介紹)。
2 實現功能
預覽圖如下:
2.1
當前瀏覽器的"另存爲","打印","打印御覽","頁面設置",刷新,前進,後退等等。幾乎都是控件封裝好了的,沒有幾句代碼。
2.2 瀏覽器的分頁功能。當瀏覽器有NewWindow激發時產生新的一頁。主要依靠NewWindow事件。
2.3當前頁面的狀態。例如標題,狀態欄等。
3 實現過程以及關鍵點
新建一個vs2005的windows applaction項目
3.1界面
一個MenuStrip實現最上面的菜單。
兩個ToolStrip分別是工具欄和地址欄。
一個TabControl也就是瀏覽器的主體了,它的每個TabPage就是每一個分頁了。
一個StatusStrip也就是狀態欄了。
另外爲了使窗體大小變化時控件也隨着變化注意使用控件的dock屬性。
搭成如下界面:
順便說一句和vs2003不同的是vs2005把例如
this.toolStripMenuItem1 = new System.Windows.Forms.ToolStripMenuItem();
this.saveasToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
this.toolStripSeparator1 = new System.Windows.Forms.ToolStripSeparator();
this.printToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
this.printPreToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
this.toolStripSeparator2 = new System.Windows.Forms.ToolStripSeparator();
this.exitToolStripMenuItem = new System.Windows.Forms.ToolStripMenuItem();
這些通過我們拖拽控件,系統生成的界面代碼分離出來統一放在叫*.Designer.cs文件裏了,詳見事例代碼中的Form1.Designer.cs文件。
3.2 具體code
3.2.1 輔助方法
#region //輔助方法
/// <summary>
/// 當在瀏覽器地址欄敲"回車"時當前瀏覽器重定向到指定url(tscbUrl.Tex)
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void tscbUrl_KeyDown(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.Enter)
{
newCurrentPageUrl(tscbUrl.Text);
}
}
/// <summary>
/// 新建空白頁
/// </summary>
private void newPage()
{
tscbUrl.Text = "about:blank";
TabPage mypage = new TabPage();
WebBrowser tempBrowser = new WebBrowser();
tempBrowser.Navigated += new WebBrowserNavigatedEventHandler(tempBrowser_Navigated);
tempBrowser.NewWindow += new CancelEventHandler(tempBrowser_NewWindow);
tempBrowser.ProgressChanged += new WebBrowserProgressChangedEventHandler(tempBrowser_ProgressChanged);
tempBrowser.StatusTextChanged += new EventHandler(tempBrowser_StatusTextChanged);
tempBrowser.Dock = DockStyle.Fill;
mypage.Controls.Add(tempBrowser);
tabControl1.TabPages.Add(mypage);
tabControl1.SelectedTab = mypage;
}
/// <summary>
/// 臨時瀏覽器進度變化事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
void tempBrowser_ProgressChanged(object sender, WebBrowserProgressChangedEventArgs e)
{
toolStripProgressBar1.Maximum = (int)e.MaximumProgress;
toolStripProgressBar1.Value = (int)e.CurrentProgress;
}
/// <summary>
/// 新建一頁並定向到指定url
/// </summary>
/// <param name="address">新一頁的瀏覽器重新定向到的url</param>
private void newPage(string address)
{
TabPage mypage = new TabPage();
WebBrowser tempBrowser = new WebBrowser();
tempBrowser.Navigated += new WebBrowserNavigatedEventHandler(tempBrowser_Navigated);
tempBrowser.NewWindow += new CancelEventHandler(tempBrowser_NewWindow);
tempBrowser.StatusTextChanged += new EventHandler(tempBrowser_StatusTextChanged);
tempBrowser.ProgressChanged += new WebBrowserProgressChangedEventHandler(tempBrowser_ProgressChanged);
tempBrowser.Url = getUrl(address);
tempBrowser.Dock = DockStyle.Fill;
mypage.Controls.Add(tempBrowser);
tabControl1.TabPages.Add(mypage);
}
/// <summary>
/// 獲取當前瀏覽器
/// </summary>
/// <returns>當前瀏覽器</returns>
private WebBrowser getCurrentBrowser()
{
WebBrowser currentBrowser = (WebBrowser)tabControl1.SelectedTab.Controls[0];
return currentBrowser;
}
/// <summary>
/// 處理字符串爲合法url
/// </summary>
/// <param name="address"></param>
/// <returns></returns>
private Uri getUrl(string address)
{
string tempaddress = address;
if ((!address.StartsWith("http://")) && (!address.StartsWith("https://")) && (!address.StartsWith("ftp://")))
{
tempaddress = "http://" + address;
}
Uri myurl;
try
{
myurl = new Uri(tempaddress);
}
catch
{
myurl = new Uri("about:blank");
}
return myurl;
}
/// <summary>
/// 截取字符串爲指定長度
/// </summary>
/// <param name="oldstring"></param>
/// <returns></returns>
private string newstring(string oldstring)
{
string temp;
if (oldstring.Length < TITLE_COUNT)
{
temp = oldstring;
}
else
{
temp = oldstring.Substring(0, TITLE_COUNT);
}
return temp;
}
/// <summary>
/// 設置"前進","後退"button的可用狀態
/// </summary>
private void setStatusButton()
{
backButton.Enabled = getCurrentBrowser().CanGoBack;
forwordButton.Enabled = getCurrentBrowser().CanGoForward;
}
#endregion
說明:其中getCurrentBrowser()是獲取當前頁面的瀏覽器,這裏把它叫當前瀏覽器,即getCurrentBrowser()爲獲取當前瀏覽器。
3.2.22
菜單欄
#region//菜單欄
/// <summary>
/// 另存爲
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void saveasToolStripMenuItem_Click(object sender, EventArgs e)
{
getCurrentBrowser().ShowSaveAsDialog();
}
/// <summary>
/// 打印
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void printToolStripMenuItem_Click(object sender, EventArgs e)
{
getCurrentBrowser().ShowPrintDialog();
}
/// <summary>
/// 打印御覽
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void printPreToolStripMenuItem_Click(object sender, EventArgs e)
{
getCurrentBrowser().ShowPrintPreviewDialog();
}
/// <summary>
/// 關閉瀏覽器
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void exitToolStripMenuItem_Click(object sender, EventArgs e)
{
Application.Exit();
}
/// <summary>
/// 頁面設置
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void pageSetupToolStripMenuItem_Click(object sender, EventArgs e)
{
getCurrentBrowser().ShowPageSetupDialog();
}
/// <summary>
/// 屬性設置
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void propeToolStripMenuItem_Click(object sender, EventArgs e)
{
getCurrentBrowser().ShowPropertiesDialog();
}
#region//關於
private void aboutToolStripMenuItem_Click(object sender, EventArgs e)
{
AboutBox1 myabout = new AboutBox1();
myabout.Show();
}
private void tipToolStripMenuItem_Click(object sender, EventArgs e)
{
MessageBox.Show("小提示:雙擊分頁標題即可關閉當前頁面。");
}
#endregion
#endregion
說明:其中文件菜單的功能大都是WebBrowser控件封裝好的僅僅是用上文提到的getCurrentBrowser()獲取一下當前瀏覽器罷了。
3.2.3工具欄
#region//工具欄
/// <summary>
/// 後退
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void backButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().GoBack();
setStatusButton();
}
/// <summary>
/// 前進
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void forwordButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().GoForward();
setStatusButton();
}
/// <summary>
/// 停止
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void stopButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().Stop();
}
/// <summary>
/// 刷新
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void refreshButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().Refresh();
}
/// <summary>
/// 定向到主頁
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void homeButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().GoHome();
}
/// <summary>
/// 搜索
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void searchButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().GoSearch();
}
/// <summary>
/// 打印
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void printButton_Click(object sender, EventArgs e)
{
getCurrentBrowser().Print();
}
/// <summary>
/// 新建空白頁
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void newButton_Click(object sender, EventArgs e)
{
newPage();
}
/// <summary>
/// 使當前的瀏覽器定位到給定url
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void gotoButton_Click(object sender, EventArgs e)
{
newCurrentPageUrl(tscbUrl.Text);
}
#endregion
說明:和菜單欄實現的功能類似,也是一些簡單的調用,僅僅是表現形式不同。
3.2.4 初始化
#region//初始化
/// <summary>
/// 初始化
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void Form1_Load(object sender, EventArgs e)
{
initMainForm();
}
/// <summary>
/// 初始化瀏覽器
/// </summary>
private void initMainForm()
{
TabPage mypage = new TabPage();
WebBrowser tempBrowser = new WebBrowser();
tempBrowser.Navigated += new WebBrowserNavigatedEventHandler(tempBrowser_Navigated);
tempBrowser.NewWindow += new CancelEventHandler(tempBrowser_NewWindow);
tempBrowser.StatusTextChanged += new EventHandler(tempBrowser_StatusTextChanged);
tempBrowser.ProgressChanged += new WebBrowserProgressChangedEventHandler(tempBrowser_ProgressChanged);
tempBrowser.Dock = DockStyle.Fill;
tempBrowser.GoHome();//和新建空白頁不同
mypage.Controls.Add(tempBrowser);
tabControl1.TabPages.Add(mypage);
}
#endregion
說明:分頁瀏覽器初始化時要定向到主頁,雖然我們的瀏覽器暫時沒有提供設置主頁的功能。
3.2.5臨時瀏覽器事件
#region//臨時瀏覽器事件
/// <summary>
/// 臨時瀏覽器狀態變化事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
void tempBrowser_StatusTextChanged(object sender, EventArgs e)
{
WebBrowser myBrowser = (WebBrowser)sender;
if (myBrowser != getCurrentBrowser())
{
return;
}
else
{
toolStripStatusLabel1.Text = myBrowser.StatusText;
}
}
/// <summary>
/// 在當前頁面上重新定向
/// </summary>
/// <param name="address">url</param>
private void newCurrentPageUrl(String address)
{
getCurrentBrowser().Navigate(getUrl(address));
}
/// <summary>
/// 臨時瀏覽器產生新窗體事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
void tempBrowser_NewWindow(object sender, CancelEventArgs e)
{
//獲取觸發tempBrowser_NewWindow事件的瀏覽器
WebBrowser myBrowser = (WebBrowser)sender;
//獲取觸發tempBrowser_NewWindow事件的瀏覽器所在TabPage
TabPage mypage = (TabPage)myBrowser.Parent;
//通過StatusText屬性獲得新的url
string NewURL = ((WebBrowser)sender).StatusText;
//生成新的一頁
TabPage TabPageTemp = new TabPage();
//生成新的tempBrowser
WebBrowser tempBrowser = new WebBrowser();
//臨時瀏覽器定向到新的url
tempBrowser.Navigate(NewURL);
tempBrowser.Dock = DockStyle.Fill;
//爲臨時瀏覽器關聯NewWindow等事件
tempBrowser.NewWindow += new CancelEventHandler(tempBrowser_NewWindow);
tempBrowser.Navigated += new WebBrowserNavigatedEventHandler(tempBrowser_Navigated);
tempBrowser.ProgressChanged += new WebBrowserProgressChangedEventHandler(tempBrowser_ProgressChanged);
tempBrowser.StatusTextChanged+=new EventHandler(tempBrowser_StatusTextChanged);
//將臨時瀏覽器添加到臨時TabPage中
TabPageTemp.Controls.Add(tempBrowser);
//將臨時TabPage添加到主窗體中
this.tabControl1.TabPages.Add(TabPageTemp);
//使外部無法捕獲此事件
e.Cancel = true;
}
/// <summary>
/// 臨時瀏覽器定向完畢
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void tempBrowser_Navigated(object sender, WebBrowserNavigatedEventArgs e)
{
tscbUrl.Text = getCurrentBrowser().Url.ToString();
WebBrowser mybrowser = (WebBrowser)sender;
TabPage mypage=(TabPage)mybrowser.Parent;
//設置臨時瀏覽器所在tab標題
mypage.Text= newstring(mybrowser.DocumentTitle);
}
#endregion
說明:臨時瀏覽器實際上是用程序的方式先new出一個tempBrowser然後添加到一個分頁中去。其中這個tempBrowser我稱它爲臨時瀏覽器。其中
void tempBrowser_NewWindow(object sender, CancelEventArgs e){..}
事件是比較重要的,我認爲它是整個程序的核心部分。
3.2.6 tabControl1事件
#region//tabControl1事件
/// <summary>
/// 切換tab
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void tabControl1_SelectedIndexChanged(object sender, EventArgs e)
{
WebBrowser mybor = (WebBrowser)tabControl1.SelectedTab.Controls[0];
if (mybor.Url != null)
{
//地址輸入框
tscbUrl.Text = mybor.Url.ToString();
tabControl1.SelectedTab.Text = newstring(mybor.DocumentTitle);
}
else
{
tscbUrl.Text = "about:blank";
tabControl1.SelectedTab.Text = "空白頁";
}
setStatusButton();
}
/// <summary>
/// 關閉當前tab
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void tabControl1_DoubleClick(object sender, EventArgs e)
{
//僅僅剩下一個tab時返回
if (tabControl1.TabPages.Count <= 1)
{
tabControl1.SelectedTab.Text = "空白頁";
getCurrentBrowser().Navigate("about:blank");
}
else
{
//先將tabControl1隱藏然後remove掉目標tab(如果不隱藏則出現閃爍,即系統自動調轉到tabControl1的第一個tab然後跳會。)最後顯示tabControl1。
tabControl1.Visible = false;
WebBrowser mybor = getCurrentBrowser();
//釋放資源
mybor.Dispose();
mybor.Controls.Clear();
this.tabControl1.TabPages.Remove(this.tabControl1.SelectedTab);
//重新設置當前tab
tabControl1.SelectedTab = tabControl1.TabPages[tabControl1.TabPages.Count - 1];
tabControl1.Visible = true;
}
}
#endregion
說明:當雙擊當前Tabpage從而關閉當前頁面時,tabControl1 會首先定位到第一個tab然後再定位到指定的Tabpage上,我採取隱藏tabControl1-處理-顯示tabControl1思路解決此問題。
4 總結
分頁瀏覽器所謂"分頁",從實現上講就是"控件的動態添加",當前瀏覽器產生新窗體時,先new出一個TabPage,再new一個WebBrowser,把這個WebBrowser加載了一些事件以後添加到先前的這個TabPage上,然後把這個TabPage添加到"主窗體"tabControl1中。
5 不足之處
最大的不足:
用((WebBrowser)sender).StatusText無法捕獲的url(例如StatusText 爲"javascript:void(0)")目前無法解決這也是某些莫名其妙的問題的出處。
另外某些腳本不支持。
其他一些罪狀讓我們共同羅列…