无星的自动化之旅（七）——PlayWright加载插件

背景

使用playwright启动的是为一个无痕浏览器

但是我们有时候需要包含一些浏览器拓展

如何找到拓展安装地址

我这里以Edge为例，其他浏览器自己搜

C:\Users\user_name\AppData\Local\Microsoft\Edge\User Data\Default\Extensions

所有插件都在其中

可以根据拓展中展示的插件id知道插件名称

使用说明

在当前项目下新建一个extensions文件夹

将拓展id文件夹放置其中

例如

playwrightDemo\extensions\mcohilncbfahbmgdjkbpemcciiolgcge\3.41.0_0

创建browser工具类

还要在当前项目下新建一个userData文件夹存放持久化数据

// 浏览器工具

const { chromium } = require('playwright');
const path = require('path');
const fs = require('fs-extra');
// 拓展地址和工具

// 提取拓展地址
const getExtensionsPath = () => {
    const extensionPath = path.join(__dirname, '../extensions');
    const extensionIds = [
        'mcohilncbfahbmgdjkbpemcciiolgcge',
    ];
    // 拼接路径
    const EXTENSION_PATHS = extensionIds.map(id => path.join(extensionPath, id));
    const extensions = EXTENSION_PATHS.map(p => getLatestExtensionDir(p)).join(',');
    return extensions;
}
// 获取拓展id下的最新版本
const getLatestExtensionDir = (basePath) => {
    const versionDirs = fs.readdirSync(basePath)
        .filter(f => fs.statSync(path.join(basePath, f)).isDirectory())
        .sort((a, b) => {
            const [v1] = a.split('_');
            const [v2] = b.split('_');
            return v2.localeCompare(v1, undefined, { numeric: true });
        });
    return path.join(basePath, versionDirs[0]);
}

// 用户数据地址
const getUserDataDir = (userIndex = '0') => {
    const userDataDir = path.join(__dirname, '../userData', userIndex);
    return userDataDir;
}

// 创建持久化浏览器
const createBrowser = async (proxyIndex) => {
    const extensionPath = getExtensionsPath();
    const userDataDir = getUserDataDir();
    const browserContext = await chromium.launchPersistentContext(userDataDir, {
        headless: false,
        args: [
            `--disable-extensions-except=${extensionPath}`,
            `--load-extension=${extensionPath}`,
        ],
    });
    return browserContext;
}

module.exports = {
    createBrowser,
    getUserDataDir,
}

好了，你的插件就可以成功加载