Firefox에서 볼 때 Google 검색 텍스트 필드의 입력 ID가 다릅니다. DevTools 및 Firebug

Question

Firefox DevTools를 통해 Google 검색 텍스트 필드의 값 id 값을 확인하면 값이 lst-ib으로 표시됩니다. 그러나이 값을 검사하면 요소, 방화범이 끌려 사용하여 gs_htif 값으로 참조하십시오. 같은 분야의 id 값이 두 도구에서 다르게 표시되는 이유

그래서 궁금했다.

Answer 1

Firefox 구조 도구와 방화범을 통해 신중하게 HTML 구조를 보면 과 id="gs_htifo" 태그를 가진 <input> 태그를 볼 수 있습니다.

커서를 배치하는 방법이나 요소를 식별하는 이러한 방법 중 하나가 다른 것과 다를 수 있습니다.

Answer 2

그런 경우에 요소를 얻는 가장 좋은 방법은 xpath를 사용하는 것입니다. 나는 자동화를 시작할 때 같은 문제에 직면했다. 또한 *를 사용하여 CSS 로케이터를 언급 할 수 있지만 chorme 및 firefox에서 검색 할 때 CSS 로케이터가 다르므로 xpath로 작업하면 가장 좋은 해결책이됩니다.

Answer 3

Google 검색 웹 사이트 Devuchools와 Firebug에서 HTML 구조를 신중하게 볼 때 여러 개의 <input> 요소 (ID가 lst-ib, gs_taif0 및 gs_htif0)를 서로 위에 배치합니다 (자동 완료의 경우). 또한 해당 도구 내에서 마우스를 가져 가면 강조 표시된 상자 모델을 볼 수 있습니다.

그래서 FirePath에서 작성한 CSS 선택기 또는 XPath에서 클래스 대신 id를 검색해야합니다.