C#获取网页中某个元素的位置,并模拟点击

我们在开发中,往往要得到网页中某个元素的位置,并且点击它。要模拟一次鼠标点击并不难,只要调用一个API就行了,关键就是怎么样得到这个元素的位置,还有判断是否要滚动滚动条,要滚动多少行能让元素显示出来。当然我们可以动态改变它的CSS,让它在特定的位置显示出来,但这个方法只对比较简单的网页有效。

那我们怎么才能得到网页的位置呢,首先我们来看一张图片

从这里我们可以看到五个offset的属性,这里我们主要利用offsetparent, offsetleft
和offsettop,我们用offsetparent得到元素offset的父元素,再循环,直到BODY为止。

首先我们引用windows\system32\mshtml.ltb这个文件,这样我们才可以得到一些特殊的功能,这个库的功能特别强大,如果自己要做HTML编辑器,可以利用这个库和webBrowser结合,做出来的编辑器功能很强大,就是代码有点不全WEB标准。然后我们要using
mshtml;这样以下的代码才能正常运行。

代码:

           
HTMLDocument doc = webBrowser1.Document.DomDocument as
HTMLDocument;
           
//getElementsByName,getElementById
这里也可以用这两个方法
           
IHTMLElementCollection els =
doc.getElementsByTagName("a");
           
Point p = new
Point();
           
foreach (IHTMLElement em in
els)
           
{
               
if ((em.getAttribute("href").ToString() == "javascript:fGoto()") &&
(em.innerText ==
"添加附件"))
               
{                    
                   
IHTMLElement pem =
em;
                   
//元素中间
                   
p.X = em.offsetWidth /
2;
                   
p.Y = em.offsetHeight /
2;
                   
do
                   
{
                       
pem =
pem.offsetParent;
                       
p.X +=
pem.offsetLeft;
                       
p.Y +=
pem.offsetTop;
                   
} while (pem.tagName.ToLower() !=
"body");
                      em.scrollIntoView();//显示元素
                   
break;
               
}
           
}

这样我们已经得到了无素的位置,并已经显示在浏览器的可见区域了,似乎我们用API就可以模拟点击了,然而你测试的时候,发现情况并不是这样的。为什么,接着往下看

这个坐标是屏幕坐标,从屏幕的左上角开始,有时你的浏览器并不是最大化的,即使是最大化也不一定窗体中只有webBrowser这个控件,就算只有这个控件,窗体的边框等一系列的,也可能是你的鼠标不移动正确位置上。而且,如果页面有滚动,我们也要得到滚动去的那一部分。

如果要点击则必须要以下代码:

            //被卷去的部分
           
int sl,
st;
            sl =
int.Parse(doc.documentElement.getAttribute("ScrollLeft").ToString());
           
st =
int.Parse(doc.documentElement.getAttribute("ScrollTop").ToString());  
            //加上窗体的位置及控件的位置及窗体边框,30和8是窗体边框           
           
p.X += em.offsetLeft + this.Left + webBrowser1.Left - sl +
8;              
           
p.Y += em.offsetTop + this.Top + webBrowser1.Top + 30 -
st;
            //定位鼠标
           
Cursor.Position =
p;            
            //单击
            mouse_event(6,
0, 0, 0, this.Handle);

这样我们就可以点击到我们需要点击的元素了。关于mouse_event这个API请去看MSDN我网上的教程。Cursor.Position这个鼠标定位也可以用API函数SetCursorPos,但C#有这个东西就不必去调用了。

C#获取网页中某个元素的位置,并模拟点击,布布扣,bubuko.com

时间: 2024-09-28 19:53:37

C#获取网页中某个元素的位置,并模拟点击的相关文章

JS获取网页中HTML元素的几种方法分析

getElementById getElementsByName getElementsByTagName 大概介绍 getElementById ,getElementsByName ,getElementsByTagName ###adv### 后两个是得到集合,byid只是得到单个对象 getElementById 的用法 举个例子: <a id="link1" name="link1" href=http://homepage.yesky.com>

Android中如何解析网页,获取网页中的元素内容

问题: 由于android的WebView等相关类没有提供解析html网页内容的接口,我们想要获取网页的内容并解析出我们想要的元素内容,用android的固有API是没办法了. 这里我提供两种解析html思路:第一种,使用第三方解析html库:第二种,使用JAVA与JS回调,通过JS解析html. 之前研究了一下htmlparser这个开源库,但是发现和android提供的库有冲突,但其在纯java应用程序下是可行的. htmlparser下载地址:http://htmlparser.sourc

给网页中的元素添加onclick事件(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>给网页中的元素添加onclick事件</p></title> <script src="jquery-1.7.1

使用selenium的方式获取网页中图片的链接和网页的链接,来判断是否是死链(二)

上一篇使用Java正则表达式来判断和获取图片的链接以及跳转的网址,这篇使用selenium的自带的API(getAttribute)来获取网页中指定的内容 实现内容:获取下面所有图片的链接地址以及跳转地址,使用get请求判断是否有死链 页面内容如图: 页面的源码,需要获取页面的href后的地址,以及src后的地址,: 代码实现可以看出图片都在一个div中,实现的思想为:获取控件集合,在获取每一个li下的元素,在获取,在取出数据下的属性名的属性值 public void new_classific

php获取网页中图片与DIV内容实例

分享下php获取网页中图片.DIV内容的简单方法,都是通过正则表达式实现的. 1.获取网页中所有的图片: <?php //取得指定位址的內容,并储存至 $text $text=file_get_contents('http://www.jbxue.com/'); //取得所有img标签,并储存至二维数组 $match 中 preg_match_all('/<img[^>]*>/i', $text, $match); //打印出match print_r($match); ?>

1142: 零起点学算法49——找出数组中最大元素的位置(下标值)

1142: 零起点学算法49--找出数组中最大元素的位置(下标值) Time Limit: 1 Sec  Memory Limit: 64 MB   64bit IO Format: %lldSubmitted: 1937  Accepted: 977[Submit][Status][Web Board] Description 找出数组中最大的元素的下标. Input 多组测试,每组先输入一个不大于10的整数n 然后是n个整数 Output 输出这n个整数中最大的元素及下标值 Sample I

Android中WebView获取网页中标题 ,内容, 图片的方法

如题,在Android中WebView获取网页中标题 ,内容, 图片的方法 首先是获取标题,在new WebChromeClient(){}中重写onReceivedTitle()方法 @Override public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle(view, title); // loge.e("__页面标题__"+title); } 获取内容,是参考的这边的 http

jQuer获取网页中的img的真实尺寸

var allImg = $('.content').find('img'); allImg.each(function() {  var self = this;  var newImg = new Image();  newImg.src = this.src;  newImg.onload = function() {    if(newImg .width > 743) {      self.width = 743;    }  }; }); 上图 使用前 使用后 jQuer获取网页中

Js/Jquery获取iframe中的元素

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素. JavaScript 在父窗口中获取iframe中的元素 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById