ElementEye,网页分析器

server/2024/12/15 18:42:33/

介绍

        我们经常使用Python写爬虫,爬到网页数据之后,就需要用beautifulSoup进行解析。因为写爬虫并不是我的主营工作,大多数只是用来分析一下想要的数据而已,所以经常会忘记beautifulSoup的用法。

        同时,我们总是分析页面的话在F12里面查看源码,用ctrl+f进行过滤,这样有时候挺麻烦,有时候我就想过滤对应的标签,或者根据id还是class进行过滤,就希望有个方便的工具。

ElementEye 就是这么一个工具。它是一个用于解析和分析HTML元素的可视化工具,它提供了直观的界面来查看和过滤网页中的HTML标签结构。我花了两个半小时实现的,希望点个小星星。

功能特点

- 🔍 **HTML解析**: 输入URL即可解析网页结构

- 🌲 **树形视图**: 以树形结构展示HTML元素的层级关系

- 🏷️ **快捷标签**: 常用HTML标签的快速过滤按钮

- 🔎 **实时过滤**: 支持按标签名、class、id或属性进行过滤

- 📋 **标签预览**: 查看选中元素的完整HTML代码

- 📝 **复制功能**: 一键复制选中元素的HTML代码

- 📜 **历史记录**: 保存已访问的URL记录

截图展示

深色模式

 浅色模式

安装要求

  • Python 3.8+
  • PyQt6
  • BeautifulSoup4
  • aiohttp

 使用方式

主功能

  1. 在URL输入框中输入要解析的网页地址

  2. 点击"解析"按钮开始解析

  3. 使用过滤框或快捷标签按钮筛选特定元素

  4. 在树形视图中选择元素可以:

    • 预览元素的HTML代码
    • 右键复制元素代码
    • 查看元素的属性信息设置

设置界面 

        可以设置ui深色,浅色

        可以设置语言,中文,英文

        可以设置字体大小,下面有字体展示

        可以设置历史记录长度


http://www.ppmy.cn/server/150411.html

相关文章

ASP.net mvc--ECharts图表框架

1、资源包导入流程如下&#xff1a; 解决方案管理器中-》右击选择管理NuGet资源包-》浏览输入&#xff1a;ECharts-》下载最新版本。 2、前台页面加载调用echart图表 拖动echart-all.js到需要被调用的页面。生成第一个页面图表 <div id"main" style"width…

题目 1688: 数据结构-字符串插入

第一种方式字符串 #include<iostream> #include<cstring> #include<algorithm> using namespace std; int main(){string s1,s2;int n;cin>>s1>>s2>>n;s1.insert(n-1,s2);cout<<s1<<endl;return 0; } 第二种方式字符数组 …

【开源免费】基于Vue和SpringBoot的渔具租赁系统(附论文)

本文项目编号 T 005 &#xff0c;文末自助获取源码 \color{red}{T005&#xff0c;文末自助获取源码} T005&#xff0c;文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析 六、核心代码6.1 渔…

迭代器(转

package Scala4 //迭代器 object hd { def main(args: Array[String]): Unit { var li1 List(1, 2, 3, 4, 5, 6) //依次输出List的元素 //1.循环 //li1.foreach(println) //2.迭代器 //2.1创建一个迭代器&#xff08;iterator&#xff09; // val it1li1.iterator.take(3)/…

21个Python脚本自动执行日常任务(2)

引言 作为编程领域摸爬滚打超过十年的老手&#xff0c;我深刻体会到&#xff0c;自动化那些重复性工作能大大节省我们的时间和精力。 Python以其简洁的语法和功能强大的库支持&#xff0c;成为了编写自动化脚本的首选语言。无论你是专业的程序员&#xff0c;还是希望简化日常工…

RabbitMQ基本使用以及整合Java项目

RabbitMQ安装 此步骤可以参考CSDN上其他博文&#xff0c;有写得很详细的&#xff0c;此处不做过多安装问题&#xff0c;主要讲述怎么使用。 项目整合 导入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-sta…

vue前端获取电脑本机的mac和ip地址

vue 前端 使用 node 里的 os 模块,来获取主机mac和IP地址 需要注意的是这篇教程只能获取本地的&#xff0c;打包到服务器上也是服务器的。需要获取不同使用者的客户端mac&#xff0c;看我这篇。获取客户端不同的mac地址 一、根目录创建 getNetworkInfo.js 脚本文件 const os …

Axios结合Typescript 二次封装完整详细场景使用案例

Axios 是一个基于 promise 的 HTTP 客户端&#xff0c;用于浏览器和 node.js。二次封装 Axios 主要是为了统一管理 HTTP 请求&#xff0c;例如设置统一的请求前缀、头部、超时时间&#xff0c;统一处理请求和响应的格式&#xff0c;以及错误处理等。 以下是一个使用 TypeScrip…