Playwright POM Generator

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