python+千问qwen大模型+playwright实现ai根据需求自主开发网页并修复控制台错误问题代码

代码语言:python

所属分类:其他

代码描述:python+千问qwen大模型+playwright实现ai根据需求自主开发网页并修复控制台错误问题代码,无需复制错误,自动检测浏览器控制台错误信息并自动修复代码错误问题,直到没有错误为止。

代码标签: python 千问 qwen 大模型 playwright ai 根据 需求 自主 开发 网页 修复

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

import asyncio
import os
import json
from playwright.async_api import async_playwright, Page, ConsoleMessage, Browser, BrowserContext
from openai import AsyncOpenAI
from dotenv import load_dotenv
import tempfile
import uuid # 用于生成唯一文件名,避免冲突

# 加载环境变量 (存储 OPENAI_API_KEY)
load_dotenv()



# 初始化 OpenAI 客户端
client = AsyncOpenAI(base_url="https://dashscope.aliyuncs.com/compatible-mode/v1",api_key="")
TEXT_MODEL = "qwen-max" # 或其他适用模型

# --- AI HTML 生成函数 (初始) ---
async def generate_html_with_ai(requirement: str) -> str | None:
    """
    调用 OpenAI 根据用户初始需求生成 HTML 代码。
    """
    print(f"--- 向 AI 请求生成初始 HTML: {requirement[:100]}... ---")
    prompt_messages = [
        {
            "role": "system",
            "content": """
            你是一个 Web 开发助手。根据用户需求,生成一个完整的、单一的 HTML 文件代码。
            如果需要,可以在 `<style>` 标签内包含 CSS 样式,或者在 `<script>` 标签内包含简单的 JavaScript。
            确保代码是格式良好且可以直接在浏览器中运行的。
            请只返回纯粹的 HTML 代码,不要包含任何解释性文字或 markdown 标记。
            """,
        },
        {
            "role": "user",
            "content": f"请为以下需求生成 HTML 代码:\n\n{requirement}",
        },
    ]
    try:
        response = await client.chat.completions.create(
            model=TEXT_MODEL,
            messages=prompt_messages,
            max_tokens=2048,
            temperature=0.2,
        )
        if response.choices and response.choices[0].message and response.choices[0].message.content:
            html_content = response.choices[0].message.content.strip()
            # 移除可能的 markdown 代码块标记
            if html_content.startswith("```html"):
                html_content = html_content[7:]
            if html_cont.........完整代码请登录后点击上方下载按钮下载查看

网友评论0