最近工作的时候要测试一个web UI自动化测试工具(对的,测试测试工具),有一些功能没有合适的被测页面,于是临时用AI(主要是豆包)生成了一些页面。
当时很随意地放在个站的GitHub仓库的根目录下面,作为孤立页面存在。这两天想着整理一下。
以下是这些页面的名称、介绍和地址:

名称 介绍 地址
弹窗类型 页面上有三个按钮,分别对应三种网页alert类型。 http://zebrafishinvines.github.io/orphan/WebUIAlert.html
按钮矩阵与滚动 10乘10的按钮矩阵,点击按钮弹出alert,关闭alert按钮变色。再点一次再弹出alert,按钮变回原来的颜色。当然你还可以继续点。改变窗口大小,按钮大小不会变化,可以用来测试页面的左右滑动。 http://zebrafishinvines.github.io/orphan/WebUIButtonGrid.html
点击轨迹与计数 点击页面,被点击的位置会浮现一个点,还有点击的次数编号。 http://zebrafishinvines.github.io/orphan/WebUIClick.html
鼠标轨迹与定位元素 页面上有5乘5的可定位元素,按住鼠标滑动留下鼠标轨迹。 http://zebrafishinvines.github.io/orphan/WebUIDrag.html
元素拖拽 页面上有一个红色的圆形和一个虚线框。按住圆形可以把它拖到虚线框里去。还可以重置,再来一遍。 http://zebrafishinvines.github.io/orphan/WebUIDragElement.html
嵌套IFrame 用来测试IFrame。页面上有多个IFrame和嵌套的IFrame。每层IFrame里面有可定位的按钮。 http://zebrafishinvines.github.io/orphan/WebUIIFrame.html
鼠标坐标与窗口尺寸 页面上有两个可定位元素。鼠标位于页面内,显示鼠标所在的坐标位置。显示浏览器窗口尺寸和浏览器外部尺寸。 http://zebrafishinvines.github.io/orphan/WebUILocation.html