【首发】【原创】MiniBlink网页树解析，元素探测。

1185384801

前言

• 我曾经发表过一个帖子，是：【首发+原创】网页树解析+网页填表模拟，仿CHROME审查元素，仿助手，实用+易学习
• 但是，那个只能解析IE，早已经不适用了
• 于是，我进行了一些修改，将网页树解析拓展到了精易web浏览器（打开本源码前，请务必安装此支持库）中，同时为了便于使用，我还增加了一个网页元素探测功能哦！

正文

• 功能介绍：
  1. 解析网页：

      

2、探测元素（注意，由于其中的部分命令使用了jquery，没有JQ的网页需要手动加入JQ才可使用本功能）：

      

原理解析：

• 首先谈谈这个解析网页树：
  • 我先绑定了这2个函数（注意“back”这个函数是我测试时使用的，和源码没有关系）
    • 解析的Js如下：（代码可以在源码中看哦，其实就是一个递归原理，十分简单，然后和主程序进行了交互而已。注释已精确到行。）
    • 关于AddNewElement在代码中的处理
• 其次说说这个加入Jq，其实原理非常简单：
  • 我们只需要创建一个script对象就可以了，然后在代码中直接将jq的js插入即可
• 标记元素的Js是最简单的，在这里我就不多说了
  • 其实就是加一个三（花）原（哨）色的边框：
• 坐标取元素稍微复杂一点：
  • 为了使用方便，我已经处理了scroll和部分ifarme的问题：
• 更多的功能可以看源码哦，Js源码中注释已经精确到行！

PS

最后说一句：如果你觉得可以的话，请：

您的评分是作者最大的动力，留下您的好评吧！

附件下载

MiniBlink网页树解析.zip (251.86 KB, 下载次数: 855)

2020-1-28 16:08 上传

点击文件名下载附件

tengpengpeng

        支持开源~！感谢分享

gnawon

感谢分享

Javatym

学习学习

libaideshi

学习学习

xudaweia

6666666666666666666

xinyuanzi393

为你的分享点赞！

xudaweia

666666666666

xudaweia

6666666666666666

wmj517

很牛逼了

spwywzq

感谢感谢 支持支持！！！