• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

示例 - 10行代码在C#中获取页面元素布局信息

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

最近研究一个如何在网页定位验证码并截图的问题时, 用SS写了一段C#小脚本可以轻松获取页面任意元素的布局信息 (top, left, width, height). 10行功能代码, 觉得有点用, 现分享给大家:

public dynamic GetRect(JQueryContext node)
{
    node.Attr("pos_top", "0");
    node.Attr("pos_left", "0");
    Default.RunScript(string.Format("var pos = $('{0}').position();$('{0}').attr('pos_top', pos.top);$('{0}').attr('pos_left', pos.left);", node.JQueryExpression));
    return new { 
        top = node.Attr("pos_top"), 
        left = node.Attr("pos_left"), 
        width = node.Css("width"), 
        height = node.Css("height")
    };
}

- 基本思路是利用JQuery获取元素的position, 并临时保存在pos_top和pos_left属性中, 然后用JQuery将这两个属性的值读取出来即可. 

在SS中调用并测试:

public void Run()
{
    Logger.ClearAll();
    Default.Navigate("http://www.gdtsearch.com/products.spiderstudio.codeviewer.htm");
    Default.Ready();
    var node = Default.SelectSingleNode("HTML:eq(0)>BODY:eq(0)>DIV:eq(0)>DIV:eq(1)>DIV:eq(0)>H2:eq(1)");
    var rect = GetRect(node);
    node.Css("background-color", "yellow"); //将元素设为高亮背景
    Logger.Log("top = " + rect.top + "px");
    Logger.Log("left = " + rect.left + "px");
    Logger.Log("width = " + rect.width);
    Logger.Log("height = " + rect.height);
}

运行效果:

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
C# 程序打包 升级方案要点发布时间:2022-07-10
下一篇:
委托和事件[delegate and event]_C#发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap