Playwright POM Generator

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