Playwright POM Generator

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