aardio网页组件：webPageOperation

2023-12-14 02:45
文章标签 网页 组件 aardio webpageoperation

本文主要是介绍aardio网页组件：webPageOperation，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

webPageOperation是webview的初步封装，用来网页填表、操作网页。可操作web.form、web.view、web.view2等浏览器组件。
1

使用方法

首先把webPageOperation.aardio（源码在后面）放到~\lib\godking目录下，然后新建窗口项目：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
button={cls="button";text="打开网页";left=220;top=400;right=340;bottom=450;z=2};
button2={cls="button";text="搜索";left=410;top=400;right=530;bottom=450;z=3};
custom={cls="custom";text="自定义控件";left=9;top=13;right=744;bottom=386;ah=1;aw=1;z=1}
)
/*}}*/import web.view
import console
var wb = web.view(winform.custom)
wb.go("https://www.sogou.com/")winform.button.oncommand = function(id,event){import godking.webPageOperation;var wpo = godking.webPageOperation(wb);// 点击"图片"连接var s = "#weixinch";wpo.bySelector( s ).click();
}winform.button2.oncommand = function(id,event){import godking.webPageOperation;var wpo = godking.webPageOperation(wb);// 填写搜索框内容var s = "#query";wpo.bySelector( s ).setValue("光庆aardio");// 表单提交var tagname = "form"wpo.byTagNameS( tagname,1 ).submit();	
}winform.show();
win.loopMessage();

组件源码

//webPageOperation 网页操作
//光庆封装 http://chengxu.online
//V1.1.1
//2023-06-05
//参考文档： https://developer.mozilla.org/zh-CN/docs/Web/API
/*
更新日志1.1.1 改进S结尾的操作集合，增加 byIndex() 函数，改进 byChildS() 和 byParent() 函数命名。1.1.0 支持 parentNode() 父元素操作集 和 childNodes() 子元素操作集。内置find函数，可寻找指定元素并返回操作集，但速度很慢。1.0.0 初步封装
Selector(CSS选择器)参考手册: https://www.runoob.com/cssref/css-selectors.htmlhttps://m.w3cschool.cn/cssref/css-selectors.html
bySelector(querySelector)使用文档：https://www.runoob.com/jsref/met-document-queryselector.html	https://m.w3cschool.cn/jsref/met-element-queryselector.html
*/
namespace godking// 对象操作类
class_func = class {ctor( webview,funcName,Selector="",index,childNodes="",childIndex){if index this.index = "[" ++(index-1)++ "]" else this.index = "";if childIndex this.childIndex = "[" ++(childIndex-1)++ "]" else this.childIndex = "";var childNodesIndex = childNodes ++ this.childIndex;};getProp = function(Prop){Prop:="value";return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ "." ++Prop);}setProp = function(Prop,v=""){Prop:="value";if type(v)==type.string v="'" ++v++ "'";return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ "." ++Prop++ "=" ++v);}		count = function(){var t;if childNodes {t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodes);}else{t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')");}if type(t) == type.table return ..table.count(t);else return 0;}click = function(){return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".click()");}submit = function(){return webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".submit()");}getValue = function() { return this.getProp("value") }; setValue = function(v) { return this.setProp("value",v) }; getText = function() { var t = this.getProp("value"); if t!==null return tostring(t); }; setText = function(v) { return this.setProp("value",tostring(v)) }; getChecked = function() { return this.getProp("checked") }; setChecked = function(v=1) { return this.setProp("checked",v?1:0) }; getInnerText = function() { return this.getProp("innerText") }; setInnerText = function(v="") { return this.setProp("innerText",v) }; getOuterText = function() { return this.getProp("outerText") }; setOuterText = function(v="") { return this.setProp("outerText",v) }; getOuterHTML = function() { return this.getProp("outerHTML") }; setOuterHTML = function(v="") { return this.setProp("outerHTML",v) }; getInnerHTML = function() { return this.getProp("innerHTML") }; setInnerHTML = function(v="") { return this.setProp("innerHTML",v) }; getSelectedItemIndex = function(){var idx = this.getProp("selectedIndex"); if idx!==null return idx+1; }setSelectedItemByIndex = function(v){v:=1; v-=1; return this.setProp("selectedIndex",v)}getSelectedItemText = function(){var idx = this.getProp("selectedIndex"); if idx===null return ; return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++idx++ ").text");}setSelectedItemByText = function(v=""){for(i=1;this.count();1){if webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++(i-1)++ ").text")==v {return webview.doScript("document." ++ funcName ++ "('"+Selector+"')" ++ this.index ++ childNodesIndex ++ ".selectedIndex=" ++(i-1));}}} getItemText = function(v){v:=1; v-=1;return webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options.item(" ++v++ ").text");} getItemCount = function(){var t = webview.eval("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".options");if type(t)==type.table return ..table.count(t); } 				getName = function() { return this.getProp("name") }; getID = function() { return this.getProp("id") }; getHref = function() { return this.getProp("href") }; getSrc = function() { return this.getProp("src") }; getTag = function() { return this.getProp("tagName") }; getType = function() { return this.getProp("type") }; getClass = function() { return this.getProp("className") }; getStyle = function() { return this.getProp("style") }; setHref = function(v) { return this.setProp("href",v) }; setSrc = function(v) { return this.setProp("src",v) }; setTag = function(v) { return this.setProp("tagName",v) }; setType = function(v) { return this.setProp("type",v) }; setClass = function(v) { return this.setProp("className",v) }; setStyle = function(v) { return this.setProp("style",v) }; byParent = function(){return ..godking.class_func(webview,funcName,Selector,index,childNodes++ this.childIndex ++ ".parentNode",null); }byChildS = function(v){return ..godking.class_func(webview,funcName,Selector,index,childNodes++ this.childIndex ++ ".childNodes",v:1); }focus = function(){webview.doScript("document." ++ funcName ++ "('" ++Selector++ "')" ++ this.index ++ childNodesIndex ++ ".focus()");}byIndex = function(v){if childIndex return ..godking.class_func( webview,funcName,Selector,index,childNodes,v:1); else return ..godking.class_func( webview,funcName,Selector,v:1,childNodes,childIndex); }}class webPageOperation {ctor(webview){}; // 获取对象函数focus = function(){webview.focus();}getProp = function(prop){return webview.eval("document."+prop);}setProp = function(prop,v){if type(v)==type.string v="'"+v+"'";return webview.doScript("document."+prop+"="+v);}hideScrollbar = function(){webview.doScript(`document.body.style.overflow='hidden';document.body.style.overflowX='hidden';document.body.style.overflowY='hidden';document.parentWindow.execScript("document.body.style.overflow='hidden';")`)}hideBoder = function(){webview.doScript("document.body.style.border='0px none #CCCCCC';")}addLimit = function(){webview.doScript(`document.οncοntextmenu=function(){return false;};document.onselectstart=function(){return false;};document.onsdragstart=function(){return false;};`)}getTitle = function(){return webview.eval("document.title");}getCookie = function(){return webview.eval("document.cookie");}	setDesignMode = function(v=true){webview.doScript("document.designMode='"+(v?"on":"off")+"'")}back = function(){webview.doScript("window.history.back();")}forward = function(){webview.doScript("window.history.forward();")}find = function(kv){var fd = function(clss,fd){for(i=1;clss.childNodes().count();1){// 检查当前子对象var curChd = clss.childNodes(i);var is = true;for(k,v in kv){if curChd.getProp(k)!==v {is=false;break;}}if is return curChd; // 如果有子子对象，则深入分析当前子对象if curChd.childNodes().count() {var r = fd(curChd,fd);if r return r; }}			}var cls = this.bySelector("html");if !cls.childNodes().count() cls = this.bySelector("body");if cls.childNodes().count() return fd(cls,fd); }// 创建对象操作类实例函数byID = function(v){ return ..godking.class_func(webview,"getElementById",v) };bySelector = function(v){ return ..godking.class_func(webview,"querySelector",v) };byTagNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByTagName",v,index:1) };byNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByName",v,index:1) };byClassNameS = function(v,index){ return ..godking.class_func(webview,"getElementsByClassName",v,index:1) };bySelectorS = function(v,index){ return ..godking.class_func(webview,"querySelectorAll",v,index:1) };}/**intellisense()
godking.webPageOperation = 网页操作类
godking.webPageOperation( wb ) = 初始化网页操作类。参数：webform、webview、webview2 对象
godking.webPageOperation() = !godking_webPageOperation.
end intellisense**//**intellisense(!godking_webPageOperation.)
byID( "__" ) = 通过ID获取元素对象，创建对象操作集。
bySelector( "__" ) = 通过Selector路径获取元素对象，创建对象操作集。
byTagNameS( "__", 1 ) = 通过TagName获取元素对象集合，创建对象操作集。\n参数1：tagName；参数2：对象索引（从1开始）
byNameS( "__", 1 ) = 通过name获取元素对象集合，创建对象操作集。\n参数1：name；参数2：对象索引（从1开始）
byClassNameS( "__", 1 ) = 通过ClassName获取元素对象集合，创建对象操作集。\n参数1：ClassName；参数2：对象索引（从1开始）
bySelectorS( "__", 1 ) = 通过Selector路径获取元素对象集合，创建对象操作集。\n参数1：Selector路径；参数2：对象索引（从1开始）byID() = !godking_webPageOperation_class.
bySelector() = !godking_webPageOperation_class.
byTagNameS() = !godking_webPageOperation_class.
byNameS() = !godking_webPageOperation_class.
byClassNameS() = !godking_webPageOperation_class.
bySelectorS() = !godking_webPageOperation_class.getProp( "__" ) = 获取属性值。参数：属性名
setProp( "__", ) = 设置属性值。参数：属性名、属性值
hideScrollbar() = 隐藏滚动条
hideBoder() = 隐藏边框
addLimit() = 添加鼠标右键菜单、选择文本、拖拽的限制。
getTitle() = 获取标题
getCookie() = 获取cookie
setDesignMode( true ) = 设置设计模式（编辑模式）
back() = 后退
forward() = 前进
focus() = 网页组件获取输入焦点
end intellisense**//**intellisense(!godking_webPageOperation_class.)
getProp( "__" ) = 获取属性值。参数：属性名
setProp( "__", ) = 设置属性值。参数：属性名、属性值count() = 元素总数量。by开头S结束的函数，可以通过该函数获取总元素数量。
click() = 点击元素
submit() = 提交表单
focus() = 网页元素获取输入焦点getValue() = 取value值
setValue( "__" ) = 置value值getText() = 取value值，自动tostring转文本。
setText( "__" ) = 置value值，自动tostring转文本。getChecked() = 取选中状态
setChecked( true ) = 置选中状态getInnerText() = 取innerText
setInnerText( "__" ) = 置innerTextgetOuterText() = 取outerText
setOuterText( "__" ) = 置outerTextgetOuterHTML() = 取outerHTML
setOuterHTML( "__" ) = 置outerHTMLgetInnerHTML() = 取innerHTML
setInnerHTML( "__" ) = 置innerHTMLbyChildS( 1 ) = 创建子元素对象操作集。参数：子元素索引。
byChildS() = !godking_webPageOperation_class.
byParent() = 创建父元素对象操作集。\n!godking_webPageOperation_class.
byIndex( 1 ) = 创建当前元素集(S结尾的)的指定索引的元素的操作集。参数：元素索引。
byIndex() = !godking_webPageOperation_class.getSelectedItemIndex() = 取选择框当前选中项目索引
setSelectedItemByIndex( __ ) = 置选择框当前选中项目索引
getSelectedItemText() = 取选择框当前选中项目文本
setSelectedItemByText( "__" ) = 置选择框当前选中项目文本
getItemText( __ ) = 取指定项目文本。参数：项目索引(从1开始)
getItemCount() = 取项目数量
getName() = 取name
getID() = 取id
getHref() = 取href
getSrc() = 取src
getTag() = 取tagName
getType() = 取type
getClass() = 取class
getStyle() = 取stylesetHref( "__" ) = 置href
setSrc( "__" ) = 置src
setTag( "__" ) = 置tagName
setType( "__" ) = 置type
setClass( "__" ) = 置class
setStyle( "__" ) = 置styleend intellisense**/

参考

https://blog.csdn.net/sdlgq/article/details/131011599

这篇关于aardio网页组件：webPageOperation的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/490855。

相关文章

vue解决子组件样式覆盖问题scoped deep

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器（/deep/）来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言
阅读更多...
基于Qt Qml实现时间轴组件

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用
阅读更多...
网页解析 lxml 库--实战

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库，完全使用 Python 语言编写，它对 XPath表达式提供了良好的支 持，因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块，该模块专门用来解析 HTML/XML 文档，下面来介绍一下 lxml 库
阅读更多...
JS常用组件收集

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件，方便以后开发的时候查找！！！ 函数工具： Lodash 页面固定： stickUp、jQuery.Pin 轮播： unslider、swiper 开关: switch 复选框： icheck 气泡： grumble 隐藏元素： Headroom
阅读更多...
如何在页面调用utility bar并传递参数至lwc组件

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件： 2.调用utility bar api的方式有两种： 方法一，通过lwc调用： import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca
阅读更多...
EasyPlayer.js网页H5 Web js播放器能力合集

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求，要求做一款播放器，发现能力上跟EasyPlayer.js基本一致，满足要求： 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏（单屏/全屏） 多分屏（2*2） 多分屏（3*3） 多分屏（4*4） 播放控制 播放（单个或全部） 暂停（暂停时展示最后一帧画面） 停止（单个或全部） 声音控制（开关/音量调节） 主辅码流切换 辅助功能 屏
阅读更多...
vue2 组件通信

vue2 组件通信

props + emits props:用于接收父组件传递给子组件的数据。可以定义期望从父组件接收的数据结构和类型。‘子组件不可更改该数据’emits:用于定义组件可以向父组件发出的事件。这允许父组件监听子组件的事件并作出响应。(比如数据更新) props检查属性 属性名类型描述默认值typeFunction指定 prop 应该是什么类型，如 String, Number, Boolean,
阅读更多...
禁止复制的网页怎么复制

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素（inspect element）”按钮三、在网页中选取需要的片段，锁定对应的元素四、复制被选中的元素五、粘贴到记事本，以`.html`为后缀命名六、打开`xxx.html`，优雅地复制 前言 在浏览网页的时候，有的网页内容无法复制。比如「360
阅读更多...
kubelet组件的启动流程源码分析

kubelet组件的启动流程源码分析

概述 摘要: 本文将总结kubelet的作用以及原理，在有一定基础认识的前提下，通过阅读kubelet源码，对kubelet组件的启动流程进行分析。 正文 kubelet的作用 这里对kubelet的作用做一个简单总结。 节点管理 节点的注册 节点状态更新 容器管理(pod生命周期管理) 监听apiserver的容器事件 容器的创建、删除(CRI) 容器的网络的创建与删除
阅读更多...
火语言RPA流程组件介绍--浏览网页

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】：浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2