HTML Inspector

• 下载 EXE - 33.54 KB
• 下载源代码 - 177.06 KB

引言

HTML 检查器是我编写的一个非常小的实用工具，用于监视 HTML 页面。它使用 C# 编写，只有几行代码。

它使用 Web 浏览器控件显示网页，并使用属性网格控件显示所选元素的属性。我们只需单击一个 HTML 元素，就可以找到关于它的所有信息。如果您在属性网格中进行更改，这些更改将反映在页面上。

背景

我参与了一个使用脚本自动化网页的项目。可以使用 VBScript 编写小脚本来执行诸如在网页上查找元素然后单击它的任务。但随后出现了一个问题。我们如何在不遍历构成页面的大量代码的情况下获取元素的属性？

解决方案，HTML 检查器。

Using the Code

它是如何工作的？

首先，将单击事件处理程序添加到 WebBrowser 的 document 对象的单击事件。然后在事件处理程序中，找到页面上的活动元素，并将其分配给属性网格的“所选元素”属性。

 private void Browser_DocumentCompleted
	(object sender, WebBrowserDocumentCompletedEventArgs e)
 {
        // add a handler for Click event
        Browser.Document.Click += new HtmlElementEventHandler(Document_Click);
 }

   void Document_Click(object sender, HtmlElementEventArgs e)
  {
            // Assign the selected object to property grid
            PropGrid.SelectedObject = ((HtmlDocument)sender).ActiveElement;
  }

Browse 是 Web 浏览器控件，PropGrid 是属性网格控件。

关注点

在幕后工作的巧妙技术，使事情变得如此简单，是反射。

万岁，反射！！

此工具中使用的图标来自 http://www.famfamfam.com/lab/icons/silk/。这是一个非常不错的图标集合，您可以随意使用。我希望感谢作者 Mark James 提供这个精彩的图标集合。

历史

• 2009 年 7 月 30 日 - 发布第一个版本