如何用Playwright在Chrome等浏览器密码管理器存储凭据

你的核心问题在于直接操作Chrome内部密码管理器页面时，常遇到元素加载延迟、权限限制或页面交互逻辑不兼容的情况。以下是针对Chrome的修复方案，同时扩展到其他主流浏览器的实现：

问题分析 #

1. chrome://password-manager/passwords 是Chrome内部页面，元素选择器可能随版本变更，且Playwright对这类页面的原生支持有限
2. 未等待元素完全加载就执行点击/填充操作，导致交互失效
3. Headless模式下部分浏览器的密码管理功能会受限

修复后的完整代码 #

import argparse
from playwright.sync_api import sync_playwright, expect

class BrowserAutomation:
    def __init__(self, user_data_dir, username, password, browser_type='chromium', headless=False):
        self.user_data_dir = user_data_dir
        self.username = username
        self.password = password
        self.browser_type = browser_type
        # 密码管理器交互不建议用headless模式，默认禁用
        self.headless = headless

    def load_passwords(self):
        with sync_playwright() as p:
            if self.browser_type == 'chromium':
                browser = p.chromium.launch_persistent_context(
                    self.user_data_dir,
                    headless=self.headless,
                    args=[
                        '--enable-features=PasswordImport',
                        '--password-store=basic',
                        '--no-sandbox',
                        '--disable-dev-shm-usage'
                    ],
                    channel="chrome",
                    permissions=["clipboard-read", "clipboard-write"]
                )
            elif self.browser_type == 'firefox':
                browser = p.firefox.launch_persistent_context(
                    self.user_data_dir,
                    headless=self.headless,
                    firefox_user_prefs={
                        'signon.rememberSignons': True,
                        'signon.autofillForms': True
                    }
                )
            elif self.browser_type == 'webkit':
                browser = p.webkit.launch_persistent_context(
                    self.user_data_dir,
                    headless=self.headless
                )
            elif self.browser_type == 'edge':
                browser = p.chromium.launch_persistent_context(
                    self.user_data_dir,
                    headless=self.headless,
                    channel='msedge',
                    args=['--enable-features=PasswordImport','--password-store=basic']
                )
            else:
                raise ValueError(f"不支持的浏览器类型: {self.browser_type}")

            page = browser.new_page()

            if self.browser_type in ['chromium', 'edge']:
                # 等待页面加载并确保元素可交互
                page.goto('chrome://password-manager/passwords')
                # 等待添加按钮出现并可点击
                add_btn = page.locator('#addPasswordButton')
                expect(add_btn).to_be_enabled(timeout=10000)
                add_btn.click()

                # 等待表单元素加载完成
                site_input = page.locator('input[aria-label="Site"]')
                expect(site_input).to_be_visible(timeout=10000)
                site_input.fill('https://www.google.com')

                user_input = page.locator('input[aria-label="Username"]')
                expect(user_input).to_be_visible(timeout=10000)
                user_input.fill(self.username)

                pwd_input = page.locator('input[aria-label="Password"]')
                expect(pwd_input).to_be_visible(timeout=10000)
                pwd_input.fill(self.password)

                # 点击保存按钮
                save_btn = page.locator('#addButton')
                expect(save_btn).to_be_enabled(timeout=10000)
                save_btn.click()

                # 等待保存完成的提示，确认操作成功
                expect(page.locator('div[aria-label="Password added"]')).to_be_visible(timeout=5000)

            elif self.browser_type == 'firefox':
                # Firefox通过about:logins页面添加密码
                page.goto('about:logins')
                page.click('#add-login-button')
                page.fill('#login-origin', 'https://www.google.com')
                page.fill('#login-username', self.username)
                page.fill('#login-password', self.password)
                page.click('#save-login-button')

            elif self.browser_type == 'webkit':
                # Safari/WebKit需通过模拟表单提交触发密码保存提示
                page.goto('https://www.google.com')
                # 注入模拟登录表单并提交
                page.evaluate("""
                    const form = document.createElement('form');
                    form.action = '/';
                    form.method = 'post';
                    const userInput = document.createElement('input');
                    userInput.type = 'text';
                    userInput.name = 'username';
                    userInput.value = '%s';
                    const pwdInput = document.createElement('input');
                    pwdInput.type = 'password';
                    pwdInput.name = 'password';
                    pwdInput.value = '%s';
                    form.appendChild(userInput);
                    form.appendChild(pwdInput);
                    document.body.appendChild(form);
                    form.submit();
                """ % (self.username, self.password))
                # 等待并确认密码保存提示
                page.wait_for_selector('text="Save Password"')
                page.click('text="Save Password"')

            # 关闭浏览器上下文，确保数据写入磁盘
            browser.close()

if __name__ == "__main__":
    parser = argparse.ArgumentParser(description='向浏览器密码管理器添加凭据')
    parser.add_argument('-data_dir', type=str, required=True, help='浏览器用户数据目录')
    parser.add_argument('-u', type=str, required=True, help='用户名')
    parser.add_argument('-p', type=str, required=True, help='密码')
    parser.add_argument('-browser', type=str, choices=['chromium', 'firefox', 'webkit', 'edge'], default='chromium', help='浏览器类型')
    parser.add_argument('--headless', action='store_true', help='无头模式运行（不推荐用于密码管理器操作）')

    args = parser.parse_args()

    automation = BrowserAutomation(
        user_data_dir=args.data_dir,
        username=args.u,
        password=args.p,
        browser_type=args.browser,
        headless=args.headless
    )
    automation.load_passwords()

    print("凭据已成功添加到浏览器密码管理器")

关键修复点 #

• 显式等待机制：使用Playwright的expect API确保元素加载完成后再操作，彻底解决页面渲染延迟导致的交互失效问题
• 优化浏览器启动参数：增加--no-sandbox和--disable-dev-shm-usage解决权限限制，添加权限声明确保页面交互正常
• 禁用默认Headless模式：密码管理器在无头模式下功能受限，默认设为False
• 多浏览器适配：针对Firefox和WebKit实现了对应的密码管理页面操作逻辑
• 操作成功验证：通过等待成功提示确认凭据已正确添加

使用注意事项 #

1. 确保指定的user_data_dir是浏览器实际使用的用户数据目录，否则无法同步到日常使用的浏览器配置
2. 运行前关闭目标浏览器的所有进程，避免数据目录被占用导致写入失败
3. Chrome版本更新可能导致内部页面选择器变化，若失效需检查元素选择器是否需要调整

内容的提问来源于stack exchange，提问作者ForMartha