首页 > 其他分享 >从零开始实现WEB自动化 - Chrome Extention

从零开始实现WEB自动化 - Chrome Extention

时间:2024-10-24 09:52:05浏览次数:9  
标签:WEB 插件 元素 浏览器 Chrome Extention 应用程序 网页

上篇我们说到用Chrome Extention的方式实现WEB自动化操作,我们以Chrome浏览器插件API为标准开发,后续在插件移植也非常的方便,可以把插件分发到各个浏览器市场,让其安装。

准备

复制第一篇初探的代码,在Visual Studio Code中打开,后续此代码作为我们第一阶段开发的基础

功能清单

首先第一步,我们来理一理本期V1版所需实现的功能清单

操作项实现项描述
网页操作打开网页在新页签中打开网页
获取网页获取已打开的网页页签
跳转网页在当前页签跳转新网页
切换页签切换选中的页签
获取元素获取元素对象
执行脚本执行JS脚本
关闭网页关闭浏览器页签

元素操作

拾取元素对元素的拾取,需要支持iframe
获取元素值获取元素的value值
设置元素值设置元素的value值
获取元素属性获取网页元素的属性
点击元素鼠标单击元素
勾选元素

勾选复选框元素

技术架构

我们可以通过浏览器的NativeMessaging功能来进行插件与应用程序之间的数据交互。

Chrome 插件 NativeMessaging是一种Chrome浏览器扩展程序,它允许扩展程序与本地应用程序进行通信。通过NativeMessaging,您可以实现浏览器与本地应用程序之间的数据传输和交互。

使用NativeMessaging,您可以创建一个本地应用程序,并将其与Chrome扩展程序进行连接。本地应用程序可以用任何编程语言编写,例如Python,C ++,Java等。您可以定义消息格式和通信协议,以便扩展程序和本地应用程序之间可以互相发送消息。

接下来就是后续的敲代码过程啦~

标签:WEB,插件,元素,浏览器,Chrome,Extention,应用程序,网页
From: https://blog.csdn.net/u010198746/article/details/143175534

相关文章

  • JavaWeb开发实战详解
    JavaWeb开发在现代应用程序中有广泛的应用场景。以下是一些常见的JavaWeb应用类型及其示例:1.企业级应用特点:通常需要处理大量的数据和用户,具有复杂的业务逻辑,常用于企业内部。示例:客户关系管理(CRM)系统、企业资源计划(ERP)系统。技术栈:SpringFramework、Hibernate、JPA、Th......
  • 针对SpringWeb中需要注意的细节
    ​一、SpringBootWeb1、需求和环境搭建文件命名规范:Controller:控制层,存放控制器Controllermapper:持久层,数据访问层,存放mybatis的Mapper接口Service:业务层,处理逻辑性问题的业务代码pojo/domain:业务层、存放业务代码  步骤:1.创建一个新的数据库(tlias)准备数据库表(d......
  • Webhook
    Webhook本质是一种基于HTTP的回调接口,会在用户自定义的应用/页面自动发出对应的消息。有时Webhook被称为反向API,但这并不完全正确。它们不会向后运行,而是不需要您主动发起请求,只要有新数据可用,就会发送数据。1.Webhook和API有什么区别?和Webhook不同,API指的是应用程序编程接......
  • iOS开发框架--SDWebImage
    SDWebImage是一个功能强大的库,用于在iOS和macOS应用中异步下载和缓存图像。它提供了简单易用的接口,帮助开发者高效地处理网络图片。以下是SDWebImage的详细介绍,包括其主要功能、使用方法和架构。主要功能异步下载:SDWebImage在后台线程中下载图片,避免阻塞主线程,保持用......
  • CVE-2014-4210Weblogic SSRF漏洞复现
    weblogic中存在SSRF漏洞,利用该漏洞可以发送任意HTTP请求,进而攻击内网中redis、fastcgi等脆弱组件。影响版本:weblogic10.0.2-10.3.6版本一、漏洞复现第一步:进入漏洞环境并启动环境#启动cdvulhub/weblogic/ssrfdocker-composebuilddocker-composeup-d#访问http://......
  • Web简单入门
    前言html:页面结构css:页面样式js:页面交互 本篇文章只列举出常用的html标签,以及常用的css样式学习网站 HTML教程https://www.w3school.com.cn/html/index.aspCSS教程https://www.w3school.com.cn/css/index.aspJavaScript和HTMLDOM参考手册https://www.w3school.......
  • 嵌套元素的“事件”冒泡?!——WEB开发系列52
    事件处理是创建交互式用户界面的关键部分,浏览器通过事件系统让我们能够捕获和响应用户的输入,比如点击、鼠标移动、键盘输入等。什么是事件冒泡?事件冒泡是指在嵌套的HTML元素中,一个事件从最具体的元素开始,然后向上传播到更高层级的父元素。例如,如果用户点击一个嵌套的按钮,事件首先......
  • 【UI】Dash web应用开发框架使用简介
    简介Dash是一个基于Python的开源框架,用于创建交互式的、响应式的Web应用程序。它广泛应用于数据科学、数据分析和机器学习的可视化领域。Dash由Plotly开发,旨在简单而强大,帮助用户迅速构建专业的web应用界面。架构概览Dash的架构基于Flask(Web框架)、Plotly.j......
  • 通过DevTools逃离Chrome沙盒(CVE-2024-6778和CVE-2024-5836)
    介绍这篇博文详细介绍了如何发现CVE-2024-6778和CVE-2024-5836的,这是Chromiumweb浏览器中的漏洞,允许从浏览器扩展(带有一点点用户交互)中进行沙盒逃逸。简而言之,这些漏洞允许恶意的Chrome扩展在你的电脑上运行任何shell命令,然后可能被用来安装一些更糟糕的恶意软件。攻击者......
  • ssts-hospital-web-master项目实战记录四:主要配置
    记录时间:2024-10-231.配置浏览器自动打开配置文件:package.json "scripts":{  "dev":"vite--open" } 2.配置src别名(1)安装@types/node输入npm命令npm i@types/node--save-dev(2)配置文件:vite.config.tsimport{defineConfig}from'vi......