Playwright POM Generator

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