npm install -g @jackwener/opencli

opencli zhihu hot

opencli browser browser:default open http://localhost:8080/steve/

以下是此会话中使用的所有有效 opencli 命令：
# 检查连接状态
opencli doctor
# 打开页面（创建名为 steve 的浏览器会话）
opencli browser steve open "http://localhost:8080/steve/"
# 检查页面状态（获取文本树与引用编号）
opencli browser steve state
# 按 CSS 查找元素
opencli browser steve find --css "input"
# 在输入框中输入文本
opencli browser steve type 4 "admin"
opencli browser steve type 5 "1234"
# 填充输入框（验证写入——比 type 更可靠）
opencli browser steve fill 4 "admin"
opencli browser steve fill 5 "1234"
# 点击元素
opencli browser steve click 6
# 模拟键盘按键
opencli browser steve keys Enter
# 等待指定时间（秒）
opencli browser steve wait time 2
opencli browser steve wait time 3
opencli browser steve wait time 5
# 获取当前 URL
opencli browser steve get url
# 获取 DOM 树的 JSON 格式（用于调试）
opencli browser steve get html --as json --depth 10 --children-max 50
# 获取可见文本
opencli browser steve eval "document.body.innerText"
# 截图
opencli browser steve screenshot "D:\Users\Documents\Study\Selenium\login_page.png"
# 检查网络请求
opencli browser steve network
opencli browser steve network --filter "signin"
# 按选择器等待元素出现
opencli browser steve wait selector ".alert, .error, .message, .notification" --timeout 3000
# 通过 CSS 获取文本
opencli browser steve get text --selector "body"
# 关闭会话
opencli browser steve close

全部完成。以下是操作总结：
浏览器操作（已通过 opencli browser 完成）：
1. 打开 http://localhost:8080/steve/ → 已存在登录会话，直接进入 Dashboard
2. 点击导航栏 ABOUT (ref [8]) → 进入 /steve/manager/about 页面
3. 页面显示 SteVe 3.8.0、数据库版本、已登录的 Dashboard 内容、Endpoint 信息等
项目已创建： D:\Users\Documents\Study\Playwright\
- uv init → .venv Python 3.12 虚拟环境
- uv add playwright → Playwright 1.60.0
- uv run playwright install chromium → 已安装 Chromium 浏览器
脚本 main.py — 运行方式：
uv run python main.py
脚本逻辑：
1. 无头 Chromium（headless=False 可观察，slow_mo=300 看得清）
2. 导航到 /steve/，检测是否有登录页（找密码输入框）
3. 如有登录，填 admin / 1234 并提交
4. 点击 ABOUT 链接，等待 /about 加载
5. 截图保存为 about_page.png，打印标题和关键标题文本到控制台
6. 按回车退出浏览器

from playwright.sync_api import sync_playwright
 
 
BASE_URL = "http://localhost:8080/steve/"
 
 
def run():
    with sync_playwright() as p:
        browser = p.chromium.launch(headless=False, slow_mo=300)
        page = browser.new_page()
 
        page.goto(BASE_URL)
 
        if page.url.endswith("/signin") or page.locator("#username").count() > 0:
            page.locator("#username").fill("admin")
            page.locator("#password").fill("1234")
            page.locator("input[type=submit]").click()
            page.wait_for_url("**/manager/**", timeout=10000)
 
        page.locator("a[href*='/about']").first.click()
        page.wait_for_url("**/about")
 
        page.screenshot(path="about_page.png", full_page=True)
 
        title = page.title()
        version = page.locator("table").first.text_content()
        print(f"Title: {title}")
        print("Version table:", version.strip() if version else "")
 
        input("Press Enter to close browser...")
        browser.close()
 
 
if __name__ == "__main__":
    run()

uv run python main.py

全部完成。以下是摘要：
浏览器操作 (通过 opencli):
1. 打开 http://localhost:8080/steve/ → 重定向到登录页
2. 在 #username 输入 admin，#password 输入 1234
3. 点击 "Sign In" → 成功登录到 /steve/manager/home?continue
4. 点击 ABOUT 链接 → 到达 /steve/manager/about
Python 环境与脚本:
- 使用 uv venv 在 D:\Users\Documents\Study\Selenium 下创建了虚拟环境
- 通过 uv pip install selenium 安装了 Selenium
- 脚本 steve_login.py 使用 headless Chrome (通过 Playwright 的 chrome-win64 二进制文件) 自动执行相同的步骤并打印 About 页面内容
运行方式:
uv run python steve_login.py

import sys
import io
sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8', errors='replace')
 
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
 
BASE_URL = "http://localhost:8080/steve/"
USERNAME = "admin"
PASSWORD = "1234"
 
options = webdriver.ChromeOptions()
options.binary_location = r"C:\Users\XXX\AppData\Local\ms-playwright\chromium-1223\chrome-win64\chrome.exe"
options.add_argument("--headless=new")
driver = webdriver.Chrome(options=options)
 
try:
    wait = WebDriverWait(driver, 10)
 
    driver.get(BASE_URL)
    print(f"Opened: {driver.current_url}")
 
    username_input = wait.until(
        EC.presence_of_element_located((By.ID, "username"))
    )
    username_input.send_keys(USERNAME)
    print("Typed username")
 
    password_input = driver.find_element(By.ID, "password")
    password_input.send_keys(PASSWORD)
    print("Typed password")
 
    submit_btn = driver.find_element(By.CSS_SELECTOR, "input[type='submit']")
    submit_btn.click()
    print("Clicked Sign In")
 
    wait.until(
        EC.url_contains("/steve/manager/home")
    )
    print(f"Logged in, current URL: {driver.current_url}")
 
    about_link = wait.until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, "a[href*='/steve/manager/about']"))
    )
    about_link.click()
    print("Clicked ABOUT link")
 
    wait.until(
        EC.url_contains("/steve/manager/about")
    )
    print(f"Reached About page: {driver.current_url}")
 
    page_text = driver.find_element(By.TAG_NAME, "body").text
    print(f"\n--- About Page Content ---\n{page_text}")
 
finally:
    driver.quit()
    print("\nBrowser closed.")