Playwright POM Generator

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