Playwright能否在浏览器中向用户自定义显示消息？（C#）

可行。Playwright没有原生API直接替换Chrome的默认自动化提示条，但可以通过注入自定义HTML/CSS的方式，在页面顶部添加一个完全自定义内容的提示栏，效果和Selenium的提示类似。

具体实现步骤：

1. 准备自定义提示栏的HTML和CSS
   先写好模拟提示栏的代码，比如固定在页面顶部，样式贴近Chrome原生提示，支持自定义文本或HTML内容：

<style>
    .custom-automation-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #4285f4;
        color: white;
        padding: 8px 16px;
        font-size: 14px;
        z-index: 99999;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }
    .custom-automation-bar a {
        color: white;
        text-decoration: underline;
        margin-left: 8px;
    }
</style>
<div class="custom-automation-bar">
    这是自定义的自动化控制提示 | <a onclick="this.parentElement.remove()">关闭</a>
</div>

2. 在Playwright中注入初始化脚本
   使用Page.AddInitScriptAsync方法，让这个提示栏在每个页面加载完成后自动插入到页面中。以下是完整的C#代码示例：

using Microsoft.Playwright;
using System.Threading.Tasks;

class Program
{
    static async Task Main()
    {
        using var playwright = await Playwright.CreateAsync();
        await using var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions
        {
            Headless = false, // 需关闭无头模式才能看到提示
            Channel = "chrome" // 指定使用Chrome浏览器
        });
        var page = await browser.NewPageAsync();

        // 注入自定义提示栏的脚本
        await page.AddInitScriptAsync(@"() => {
            const barHtml = `
                <style>
                    .custom-automation-bar {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        background: #4285f4;
                        color: white;
                        padding: 8px 16px;
                        font-size: 14px;
                        z-index: 99999;
                        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
                    }
                    .custom-automation-bar a {
                        color: white;
                        text-decoration: underline;
                        margin-left: 8px;
                    }
                </style>
                <div class='custom-automation-bar'>
                    自定义提示：当前页面由自动化测试工具控制 | <a onclick='this.parentElement.remove()'>关闭</a>
                </div>
            `;
            document.body.insertAdjacentHTML('afterbegin', barHtml);
            // 给页面内容添加顶部margin，避免被提示栏遮挡
            document.body.style.marginTop = '32px';
        }");

        // 导航到目标页面
        await page.GotoAsync("https://example.com");

        // 后续操作...
        await page.WaitForTimeoutAsync(5000);
    }
}

3. 自定义内容修改
   直接修改脚本中的barHtml部分即可：

• 替换文本：修改<div class='custom-automation-bar'>内的文字
• 添加HTML元素：比如插入按钮、图标，或者调整样式（背景色、字体等）

注意事项：

• 必须关闭无头模式（Headless = false）才能看到提示栏
• 如果需要在所有新开的页面都显示提示，可以在BrowserContext级别添加初始化脚本，而不是单个Page

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