Playwright POM Generator

api 或   extension 提示 url**:   一个基于 ai 按住 自动生成常用的组合操作方法（如表单填充、搜索、登录）。 ### 等待 (例如 优先使用 类结构。 **加载扩展**：点击"加载已解压的扩展程序"，选择本项目文件夹。 pom **`ctrl`** dify 双模 b：openai (推荐 30秒）。 - 移动鼠标到页面上，目标区域会高亮显示。 **点击** **提示词设置**：你可以修改系统提示词和用户提示词模板，定制生成的代码风格。 key**: ## key。 的基础地址 `chrome://extensions/`。 url。 selector。 **超时设置**：针对大型页面，可适当增加请求超时时间（默认 模式只分析必要区域。 `gpt-5-codex` html 页面 # 代码生成**： 2. 浏览器地址栏输入 模型名称 当页面内容过多，或者你只需要某个区域（如一个表单、一个弹窗）的代码时： api 键，同时 **🤖 适合直接使用 prompt) - **"分析页面"** `https://api.dify.ai/v1`)。 - openai 📄 高级设置 "精准拾取" - object **🎯 ### 可以查看、复制代码或删除之前的分析记录。 等稳定属性。 - 代码（插件会自动精简）。 **dify ## 点击侧边栏的 api - 页面标题。 片段并生成代码。 常见问题 - 浏览器插件，能够自动分析网页结构或选定元素，生成符合 `https://api.openai.com/v1` xpath ## `label`, 安装方法 点击页面特定区域，仅生成该区域的 ai 5. 或 `ctrl/cmd` - 工作流**：支持自定义 **精准拾取 a: **q: - - **开启开发者模式**：点击右上角的"开发者模式"开关。 代码。 openai 点击   模式一：全页分析 **"历史记录"** (pick 侧边栏体验**： dify 4. 生成的代码不准确？** 使用说明 "用户提示词"，或者切换更强的模型（如   - **base 按钮进行配置。 2. **💻 (mac) - model）规范的 generator - **dify (system   a: **model**: - 目标区域。 - 模式分块生成。 - 📦 点击浏览器工具栏的插件图标打开侧边栏。 **⚙️ 尝试在设置中优化 `page_info`: 1. **历史记录**：设置保留的历史记录条数。 - 按钮。 1. 方式 api ### 页面结构摘要信息。 键可退出拾取模式。 **🔍   gpt-5-codex）。对于复杂页面，建议使用 和用户提示词模板。 **`command`** 两种分析模式**： 或 -   #### dify 按钮。 key**: ### ai ⚙️ 2. `data-testid`, 首次使用前，请点击插件侧边栏底部的 当前页面 ai `esc` 和详细注释。 最佳实践，避免脆弱的 (pick css 3. (`filter`) 标签页。 - ``` 工作流   以获得最佳代码质量)。 遵循 chrome 插件支持两种 包含类型提示 html #### 代码高亮显示，支持一键复制。 - 自动生成链式定位 ai **q: -   接口（或兼容接口），开箱即用。 **下载源码**：克隆或下载本项目到本地。 核心功能 或其他兼容代理地址)。 - a：dify - - - 按 1. "html 可调节请求超时时间。 - mode) 应用的 "精准拾取" 直连**：直接连接 - **base playwright 精简算法，但某些页面仍然可能过大。建议使用 `page_title`: 打开目标网页。 代码。 playwright 分析完成，生成的代码将显示在下方。 pom 历史记录 page 1. 配置指南 接入方式，任选其一即可： chrome - playwright **api - 插件将仅分析选中的 ✨   方式   `claude-sonnet-4.5` 历史记录管理（自动保存最近的分析结果）。 **"拾取元素"** - -   pom（page 地址 `placeholder` 高度可配置**： 4. - 3. **📝 `role`, 等模型。 (例如 mode)**：按住 密钥。 gpt-4 支持**： 3. agent/workflow，灵活处理复杂逻辑。 协议 ## 2. html 输入变量要求**： 4. ### class url**: 适合需要自定义处理逻辑的场景。 **api 的 自定义系统提示词   工作流需接收以下输入变量： **全页分析**：一键分析当前页面所有关键交互元素。 内容过长"？** - - 插件内置了   (windows) (type 模式二：精准拾取 **openai - 模型配置 `current_url`: hints) ## 智能定位策略**： **"设置"** 处理复杂结构。   python **打开扩展管理**：在 点击侧边栏顶部的 自动生成 chrome `html_content`: 独立的侧边栏界面，不遮挡页面内容。 🚀 openai