|
|
@@ -1,233 +1,231 @@
|
|
|
export function formatDate(date) {
|
|
|
- // 直接创建北京时间的日期对象
|
|
|
- const d = new Date(date)
|
|
|
- // 获取年、月、日
|
|
|
- const year = d.getFullYear()
|
|
|
- const month = String(d.getMonth() + 1).padStart(2, '0') // 月份从0开始，需要加1
|
|
|
- const day = String(d.getDate()).padStart(2, '0')
|
|
|
- return `${year}-${month}-${day}`
|
|
|
+ // 直接创建北京时间的日期对象
|
|
|
+ const d = new Date(date)
|
|
|
+ // 获取年、月、日
|
|
|
+ const year = d.getFullYear()
|
|
|
+ const month = String(d.getMonth() + 1).padStart(2, '0') // 月份从0开始，需要加1
|
|
|
+ const day = String(d.getDate()).padStart(2, '0')
|
|
|
+ return `${year}-${month}-${day}`
|
|
|
}
|
|
|
-export async function simulateCompleteUserAction (
|
|
|
- clickElement,
|
|
|
- inputElement,
|
|
|
- inputText,
|
|
|
- tdTitle
|
|
|
+export async function simulateCompleteUserAction(
|
|
|
+ clickElement,
|
|
|
+ inputElement,
|
|
|
+ inputText,
|
|
|
+ tdTitle
|
|
|
) {
|
|
|
- // 1. 模拟鼠标弹起事件
|
|
|
- const simulateMouseUp = (element) => {
|
|
|
- const mouseUpEvent = new MouseEvent('mouseup', {
|
|
|
- bubbles: true,
|
|
|
- cancelable: true,
|
|
|
- view: window,
|
|
|
- button: 0,
|
|
|
- buttons: 0,
|
|
|
- clientX: 0,
|
|
|
- clientY: 0,
|
|
|
- detail: 1
|
|
|
- })
|
|
|
- element.dispatchEvent(mouseUpEvent)
|
|
|
+ // 1. 模拟鼠标弹起事件
|
|
|
+ const simulateMouseUp = (element) => {
|
|
|
+ const mouseUpEvent = new MouseEvent('mouseup', {
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: true,
|
|
|
+ view: window,
|
|
|
+ button: 0,
|
|
|
+ buttons: 0,
|
|
|
+ clientX: 0,
|
|
|
+ clientY: 0,
|
|
|
+ detail: 1
|
|
|
+ })
|
|
|
+ element.dispatchEvent(mouseUpEvent)
|
|
|
+ }
|
|
|
+ // 123456qq?
|
|
|
+ // 2. 模拟键盘输入
|
|
|
+ const simulateTyping = async (element, text, delay = 50) => {
|
|
|
+ element.focus()
|
|
|
+ for (let char of text) {
|
|
|
+ await new Promise((resolve) => setTimeout(resolve, delay))
|
|
|
+
|
|
|
+ // 按键按下
|
|
|
+ const keydownEvent = new KeyboardEvent('keydown', {
|
|
|
+ key: char,
|
|
|
+ code: `Key${char.toUpperCase()}`,
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: true
|
|
|
+ })
|
|
|
+ element.dispatchEvent(keydownEvent)
|
|
|
+
|
|
|
+ // 更新输入值
|
|
|
+ element.value += char
|
|
|
+
|
|
|
+ // 触发输入事件
|
|
|
+ const inputEvent = new InputEvent('input', {
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: true,
|
|
|
+ data: char,
|
|
|
+ inputType: 'insertText'
|
|
|
+ })
|
|
|
+ element.dispatchEvent(inputEvent)
|
|
|
+
|
|
|
+ // 按键弹起
|
|
|
+ const keyupEvent = new KeyboardEvent('keyup', {
|
|
|
+ key: char,
|
|
|
+ code: `Key${char.toUpperCase()}`,
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: true
|
|
|
+ })
|
|
|
+ element.dispatchEvent(keyupEvent)
|
|
|
}
|
|
|
- // 123456qq?
|
|
|
- // 2. 模拟键盘输入
|
|
|
- const simulateTyping = async (element, text, delay = 50) => {
|
|
|
- element.focus()
|
|
|
- for (let char of text) {
|
|
|
- await new Promise((resolve) => setTimeout(resolve, delay))
|
|
|
-
|
|
|
- // 按键按下
|
|
|
- const keydownEvent = new KeyboardEvent('keydown', {
|
|
|
- key: char,
|
|
|
- code: `Key${char.toUpperCase()}`,
|
|
|
- bubbles: true,
|
|
|
- cancelable: true
|
|
|
- })
|
|
|
- element.dispatchEvent(keydownEvent)
|
|
|
-
|
|
|
- // 更新输入值
|
|
|
- element.value += char
|
|
|
-
|
|
|
- // 触发输入事件
|
|
|
- const inputEvent = new InputEvent('input', {
|
|
|
- bubbles: true,
|
|
|
- cancelable: true,
|
|
|
- data: char,
|
|
|
- inputType: 'insertText'
|
|
|
- })
|
|
|
- element.dispatchEvent(inputEvent)
|
|
|
-
|
|
|
- // 按键弹起
|
|
|
- const keyupEvent = new KeyboardEvent('keyup', {
|
|
|
- key: char,
|
|
|
- code: `Key${char.toUpperCase()}`,
|
|
|
- bubbles: true,
|
|
|
- cancelable: true
|
|
|
- })
|
|
|
- element.dispatchEvent(keyupEvent)
|
|
|
- }
|
|
|
-
|
|
|
- // 触发change事件
|
|
|
- element.dispatchEvent(new Event('change', { bubbles: true }))
|
|
|
- }
|
|
|
-
|
|
|
- // 3. 查找td元素
|
|
|
- const findTdByTitle = (title, timeout = 5000) => {
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- const startTime = Date.now()
|
|
|
-
|
|
|
- const find = () => {
|
|
|
- const td = document.querySelector(`td[title="${title}"]`)
|
|
|
- if (td) {
|
|
|
- resolve(td)
|
|
|
- return
|
|
|
- }
|
|
|
|
|
|
- if (Date.now() - startTime > timeout) {
|
|
|
- reject(new Error(`未找到title为"${title}"的td元素`))
|
|
|
- return
|
|
|
- }
|
|
|
+ // 触发change事件
|
|
|
+ element.dispatchEvent(new Event('change', { bubbles: true }))
|
|
|
+ }
|
|
|
|
|
|
- requestAnimationFrame(find)
|
|
|
- }
|
|
|
+ // 3. 查找td元素
|
|
|
+ const findTdByTitle = (title, timeout = 5000) => {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const startTime = Date.now()
|
|
|
|
|
|
- find()
|
|
|
- })
|
|
|
- }
|
|
|
+ const find = () => {
|
|
|
+ const td = document.querySelector(`td[title="${title}"]`)
|
|
|
+ if (td) {
|
|
|
+ resolve(td)
|
|
|
+ return
|
|
|
+ }
|
|
|
|
|
|
- // 4. 模拟点击事件
|
|
|
- const simulateClick = (element) => {
|
|
|
- const clickEvent = new MouseEvent('click', {
|
|
|
- bubbles: true,
|
|
|
- cancelable: true,
|
|
|
- view: window,
|
|
|
- detail: 1
|
|
|
- })
|
|
|
- element.dispatchEvent(clickEvent)
|
|
|
- }
|
|
|
+ if (Date.now() - startTime > timeout) {
|
|
|
+ reject(new Error(`未找到title为"${title}"的td元素`))
|
|
|
+ return
|
|
|
+ }
|
|
|
|
|
|
- try {
|
|
|
- // 执行操作序列
|
|
|
-
|
|
|
- // 1. 触发鼠标弹起
|
|
|
- simulateMouseUp(clickElement)
|
|
|
- await new Promise((resolve) => setTimeout(resolve, 100))
|
|
|
- // 2. 模拟键盘输入
|
|
|
- await simulateTyping(inputElement, inputText)
|
|
|
- await new Promise((resolve) => setTimeout(resolve, 200))
|
|
|
- // 3. 查找并点击td元素
|
|
|
- // const tdElement = await findTdByTitle(tdTitle);
|
|
|
- const enterKeyEvent = new KeyboardEvent('keydown', {
|
|
|
- key: 'Enter', // 事件键名
|
|
|
- code: 'Enter', // 物理按键编码
|
|
|
- keyCode: 13, // 传统键码（Enter键为13）
|
|
|
- which: 13, // 同keyCode
|
|
|
- bubbles: true, // 允许事件冒泡
|
|
|
- cancelable: true // 允许事件被取消
|
|
|
- })
|
|
|
- setTimeout(() => {
|
|
|
- inputElement.dispatchEvent(enterKeyEvent)
|
|
|
- }, 0)
|
|
|
- await new Promise((resolve) => setTimeout(resolve, 500))
|
|
|
- return true
|
|
|
- } catch (error) {
|
|
|
- throw error
|
|
|
- }
|
|
|
+ requestAnimationFrame(find)
|
|
|
+ }
|
|
|
+
|
|
|
+ find()
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ // 4. 模拟点击事件
|
|
|
+ const simulateClick = (element) => {
|
|
|
+ const clickEvent = new MouseEvent('click', {
|
|
|
+ bubbles: true,
|
|
|
+ cancelable: true,
|
|
|
+ view: window,
|
|
|
+ detail: 1
|
|
|
+ })
|
|
|
+ element.dispatchEvent(clickEvent)
|
|
|
+ }
|
|
|
+
|
|
|
+ try {
|
|
|
+ // 执行操作序列
|
|
|
+
|
|
|
+ // 1. 触发鼠标弹起
|
|
|
+ simulateMouseUp(clickElement)
|
|
|
+ await new Promise((resolve) => setTimeout(resolve, 100))
|
|
|
+ // 2. 模拟键盘输入
|
|
|
+ await simulateTyping(inputElement, inputText)
|
|
|
+ await new Promise((resolve) => setTimeout(resolve, 200))
|
|
|
+ // 3. 查找并点击td元素
|
|
|
+ // const tdElement = await findTdByTitle(tdTitle);
|
|
|
+ const enterKeyEvent = new KeyboardEvent('keydown', {
|
|
|
+ key: 'Enter', // 事件键名
|
|
|
+ code: 'Enter', // 物理按键编码
|
|
|
+ keyCode: 13, // 传统键码（Enter键为13）
|
|
|
+ which: 13, // 同keyCode
|
|
|
+ bubbles: true, // 允许事件冒泡
|
|
|
+ cancelable: true // 允许事件被取消
|
|
|
+ })
|
|
|
+ setTimeout(() => {
|
|
|
+ inputElement.dispatchEvent(enterKeyEvent)
|
|
|
+ }, 0)
|
|
|
+ await new Promise((resolve) => setTimeout(resolve, 500))
|
|
|
+ return true
|
|
|
+ } catch (error) {
|
|
|
+ throw error
|
|
|
+ }
|
|
|
}
|
|
|
export async function simulateUserInput(element, value) {
|
|
|
- // 设置值
|
|
|
- if (element.tagName.toLowerCase() === 'textarea') {
|
|
|
- element.focus()
|
|
|
- element.value = value
|
|
|
- element.blur()
|
|
|
- return
|
|
|
- }
|
|
|
+ // 设置值
|
|
|
+ if (element.tagName.toLowerCase() === 'textarea') {
|
|
|
+ element.focus()
|
|
|
element.value = value
|
|
|
-
|
|
|
- // 创建并触发 input 事件
|
|
|
- const inputEvent = new Event('input', { bubbles: true })
|
|
|
- element.dispatchEvent(inputEvent)
|
|
|
-
|
|
|
- // 创建并触发 change 事件
|
|
|
- const changeEvent = new Event('change', { bubbles: true })
|
|
|
- element.dispatchEvent(changeEvent)
|
|
|
-
|
|
|
- // 可选：如果表单使用了 React/Vue 等框架，可能还需要触发以下事件
|
|
|
- element.dispatchEvent(new Event('blur'))
|
|
|
- element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }))
|
|
|
+ element.blur()
|
|
|
+ return
|
|
|
+ }
|
|
|
+ element.value = value
|
|
|
+
|
|
|
+ // 创建并触发 input 事件
|
|
|
+ const inputEvent = new Event('input', { bubbles: true })
|
|
|
+ element.dispatchEvent(inputEvent)
|
|
|
+
|
|
|
+ // 创建并触发 change 事件
|
|
|
+ const changeEvent = new Event('change', { bubbles: true })
|
|
|
+ element.dispatchEvent(changeEvent)
|
|
|
+
|
|
|
+ // 可选：如果表单使用了 React/Vue 等框架，可能还需要触发以下事件
|
|
|
+ element.dispatchEvent(new Event('blur'))
|
|
|
+ element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }))
|
|
|
}
|
|
|
-export function findLabelForInput (label) {
|
|
|
- let p = label.parentElement
|
|
|
- for (let i = 0; i < 5; i++) {
|
|
|
- const input = p.getElementsByTagName('input')
|
|
|
- if (input.length > 0) {
|
|
|
- return input[0]
|
|
|
- }
|
|
|
- p = p.parentElement
|
|
|
+export function findLabelForInput(label) {
|
|
|
+ let p = label.parentElement
|
|
|
+ for (let i = 0; i < 5; i++) {
|
|
|
+ const input = p.getElementsByTagName('input')
|
|
|
+ if (input.length > 0) {
|
|
|
+ return input[0]
|
|
|
}
|
|
|
- return null
|
|
|
+ p = p.parentElement
|
|
|
+ }
|
|
|
+ return null
|
|
|
}
|
|
|
export function findLabelForTag(label, tag) {
|
|
|
- let p = label.parentElement
|
|
|
- for (let i = 0; i < 10; i++) {
|
|
|
- const input = p.getElementsByTagName('input')
|
|
|
- if (input.length > 0) {
|
|
|
- return input[0]
|
|
|
- }
|
|
|
- p = p.parentElement
|
|
|
+ let p = label.parentElement
|
|
|
+ for (let i = 0; i < 10; i++) {
|
|
|
+ const input = p.getElementsByTagName('input')
|
|
|
+ if (input.length > 0) {
|
|
|
+ return input[0]
|
|
|
}
|
|
|
- return null
|
|
|
+ p = p.parentElement
|
|
|
+ }
|
|
|
+ return null
|
|
|
}
|
|
|
export function findLabelForSpan(label) {
|
|
|
- let p = label.parentElement
|
|
|
- for (let i = 0; i < 10; i++) {
|
|
|
- const span = p.getElementsByTagName('span')
|
|
|
- if (span.length > 0) {
|
|
|
- return [...span]
|
|
|
- }
|
|
|
- p = p.parentElement
|
|
|
+ let p = label.parentElement
|
|
|
+ for (let i = 0; i < 10; i++) {
|
|
|
+ const span = p.getElementsByTagName('span')
|
|
|
+ if (span.length > 0) {
|
|
|
+ return [...span]
|
|
|
}
|
|
|
- return null
|
|
|
+ p = p.parentElement
|
|
|
+ }
|
|
|
+ return null
|
|
|
}
|
|
|
-export function findLabelForTextarea(label) {
|
|
|
- let p = label.parentElement
|
|
|
- for (let i = 0; i < 10; i++) {
|
|
|
- const span = p.getElementsByTagName('textarea')
|
|
|
- if (span.length > 0) {
|
|
|
- return [...span]
|
|
|
- }
|
|
|
- p = p.parentElement
|
|
|
+export function findLabelForTextarea(label) {
|
|
|
+ let p = label.parentElement
|
|
|
+ for (let i = 0; i < 10; i++) {
|
|
|
+ const span = p.getElementsByTagName('textarea')
|
|
|
+ if (span.length > 0) {
|
|
|
+ return [...span]
|
|
|
}
|
|
|
- return null
|
|
|
+ p = p.parentElement
|
|
|
+ }
|
|
|
+ return null
|
|
|
}
|
|
|
export function getPageInfo() {
|
|
|
- const favIconUrl = getFavicon()
|
|
|
- return {
|
|
|
- type: 'PAGE_INFO',
|
|
|
- data: {
|
|
|
- favIconUrl,
|
|
|
- title: document.title,
|
|
|
- url: window.location.href,
|
|
|
- content: window.pageAnalyzer.analyzePage()
|
|
|
- }
|
|
|
+ const favIconUrl = getFavicon()
|
|
|
+ return {
|
|
|
+ type: 'PAGE_INFO',
|
|
|
+ data: {
|
|
|
+ favIconUrl,
|
|
|
+ title: document.title,
|
|
|
+ url: window.location.href,
|
|
|
+ content: window.pageAnalyzer.analyzePage()
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
export function getFavicon() {
|
|
|
- // 尝试获取动态favicon
|
|
|
- const iconLinks = Array.from(
|
|
|
- document.querySelectorAll('link[rel*="icon"]')
|
|
|
- )
|
|
|
- const favIconUrl = iconLinks
|
|
|
- .sort((a, b) => {
|
|
|
- // 优先使用大尺寸图标
|
|
|
- const sizeA = parseInt(a.sizes?.value) || 0
|
|
|
- const sizeB = parseInt(b.sizes?.value) || 0
|
|
|
- return sizeB - sizeA
|
|
|
- })
|
|
|
- .map((link) => link.href)
|
|
|
- .find(Boolean)
|
|
|
-
|
|
|
- if (favIconUrl) return favIconUrl
|
|
|
-
|
|
|
- // 如果没有找到，返回网站根目录的favicon.ico
|
|
|
- const url = new URL(window.location.href)
|
|
|
- return `${url.protocol}//${url.hostname}/favicon.ico`
|
|
|
+ // 尝试获取动态favicon
|
|
|
+ const iconLinks = Array.from(document.querySelectorAll('link[rel*="icon"]'))
|
|
|
+ const favIconUrl = iconLinks
|
|
|
+ .sort((a, b) => {
|
|
|
+ // 优先使用大尺寸图标
|
|
|
+ const sizeA = parseInt(a.sizes?.value) || 0
|
|
|
+ const sizeB = parseInt(b.sizes?.value) || 0
|
|
|
+ return sizeB - sizeA
|
|
|
+ })
|
|
|
+ .map((link) => link.href)
|
|
|
+ .find(Boolean)
|
|
|
+
|
|
|
+ if (favIconUrl) return favIconUrl
|
|
|
+
|
|
|
+ // 如果没有找到，返回网站根目录的favicon.ico
|
|
|
+ const url = new URL(window.location.href)
|
|
|
+ return `${url.protocol}//${url.hostname}/favicon.ico`
|
|
|
}
|
