如何用Playwright自动化谷歌地址建议栏及解决建议不显示问题

一、自动化时建议不显示的核心原因 #

• 直接调用FillAsync是一次性填入文本，不会触发输入框的input、keyup等前端监听事件，而谷歌地址自动补全依赖这些事件触发后端请求加载建议列表
• 部分页面会检测自动化工具特征，限制自动补全功能的触发
• 填充文本后未等待足够时间，或未保持输入框焦点，导致建议列表未完成渲染

二、Playwright自动化的正确实现方式 #

模拟真实用户的逐字符输入行为，触发必要的前端事件，再等待建议列表出现后选择目标选项：

// 1. 先让输入框获得焦点，确保交互有效
await Page1.Locator("input[name=\"ctl00\\$maincontent\"]").FocusAsync();

// 2. 逐字符输入文本，模拟真实输入节奏（触发input/keyup事件）
await Page1.Locator("input[name=\"ctl00\\$maincontent\"]").TypeAsync("1026 Robertson Ave", new() { Delay = 100 });

// 3. 等待地址建议选项可见（需根据实际页面DOM结构调整选择器）
// 示例：假设谷歌自动补全的选项容器class为'pac-item'
var targetOption = Page1.Locator(".pac-item", new() { HasText = "Robertson" });
await targetOption.WaitForAsync(new() { State = WaitForSelectorState.Visible });

// 4. 点击目标选项
await targetOption.ClickAsync();

额外优化建议 #

• 若页面存在反自动化检测，可设置真实浏览器的UserAgent并启用无痕模式：

  var browser = await Playwright.Chromium.LaunchAsync(new() { 
    Headless = false, 
    Args = new[] { "--user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36" } 
  });
  

• 若建议框的选择器不是.pac-item，需通过浏览器开发者工具查看实际DOM结构，替换为对应选择器

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