MiniBlink网页树解析,元素探测
前言[*]我曾经发表过一个帖子,是:【首发+原创】网页树解析+网页填表模拟,仿CHROME审查元素,仿助手,实用+易学习
[*]但是,那个只能解析IE,早已经不适用了
[*]于是,我进行了一些修改,将网页树解析拓展到了精易web浏览器(打开本源码前,请务必安装此支持库)中,同时为了便于使用,我还增加了一个网页元素探测功能哦!
正文
[*]功能介绍:
[*]解析网页:
https://www.eyuyan.la/data/attachment/forum/202002/11/085031gcvdbuciqbikdkc5.gif2、探测元素(注意,由于其中的部分命令使用了jquery,没有JQ的网页需要手动加入JQ才可使用本功能):https://www.eyuyan.la/data/attachment/forum/202002/11/085031rnzrp2pao9ha9heq.gifhttps://www.eyuyan.la/data/attachment/forum/202002/11/085031uj1c6jty4oydoai4.gif原理解析:
[*]首先谈谈这个解析网页树:
[*]我先绑定了这2个函数https://www.eyuyan.la/data/attachment/forum/202002/11/085031ssuwxatxx0b2tt40.png(注意“back”这个函数是我测试时使用的,和源码没有关系)
[*]https://www.eyuyan.la/data/attachment/forum/202002/11/085031cz9el1f26u0bvit2.png
[*](代码可以在源码中看哦,其实就是一个递归原理,十分简单,然后和主程序进行了交互而已。注释已精确到行。)
[*]关于AddNewElement在代码中的处理
[*]https://www.eyuyan.la/data/attachment/forum/202002/11/085031o7185azxg1rl94z4.png
[*]其次说说这个加入Jq,其实原理非常简单:
[*]我们只需要创建一个script对象就可以了,然后在代码中直接将jq的js
[*]https://www.eyuyan.la/data/attachment/forum/202002/11/085031m17pgk6q1e60magm.png
[*]标记元素的Js是最简单的,在这里我就不多说了
[*]其实就是加一个三(花)原(哨)色的边框:
[*]https://www.eyuyan.la/data/attachment/forum/202002/11/085031w22cccgct2xxkxxk.png
[*]坐标取元素稍微复杂一点:
[*]为了使用方便,我已经处理了scroll和部分ifarme的问题
[*]https://www.eyuyan.la/data/attachment/forum/202002/11/085031x2feuzufee5fb3e2.png
[*]更多的功能可以看源码哦,Js源码中注释已经精确到行!
[*]
[*]
[*]下载链接;https://t00y.com/file/20110282-442446512
页:
[1]