如何获取HTML中city输入框的值及有效CSS/XPath选择器用于自动化？

Chrome自动生成的选择器通常依赖动态ID、类名或深层嵌套结构，很容易失效，得靠语义化结构或文本关联逻辑来编写稳定的选择器。

通用适配方案（基于常见地址排版结构） #

假设你的地址HTML结构类似如下：

<div class="shipping-address">
  <div class="address-field">
    <span class="field-label">City:</span>
    <span class="field-content">Los Angeles</span>
  </div>
</div>

CSS选择器

• 若存在明确语义类名：

  .shipping-address .address-field:nth-child(2) .field-content
  

  （nth-child(2)需根据城市字段在地址列表中的实际位置调整）
• 部分自动化工具支持文本匹配扩展，可使用：

  .field-label:contains('City') + .field-content
  

XPath选择器

XPath在文本关联场景下灵活性更强，稳定性更高：

• 精准匹配标签文本：

  //span[text()='City:']/following-sibling::span[1]
  

• 模糊匹配（适配文本含空格、大小写差异的情况）：

  //span[contains(normalize-space(text()), 'City')]/following-sibling::span[1]
  

• 固定层级定位（若城市字段位置固定）：

  //div[@class='shipping-address']/div[3]/span[2]
  

需补充的信息 #

把你手头的目标HTML代码片段贴出来，我可以生成完全适配你的场景、不会轻易失效的选择器。

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