크롬

이 세 가지 서로 다른 접근 방식 (내 블로그 문서를 참조에 의해 달성 될 수있다 여기에서 자세한 내용을) :

• Elements아래와 같은 패널 에서 검색
• 실행 $x()과 $$()에 Console패널로 로렌스의에 표시된 대답
• 타사 확장 (대부분의 경우 실제로 필요하지는 않지만 과잉 일 수 있음)

Elements패널 에서 XPath를 검색하는 방법은 다음과 같습니다 .

1. F12Chrome 개발자 도구를 열려면 누릅니다.
2. ‘요소’패널에서 Ctrl+를 누릅니다.F
3. 검색 상자에 XPath 또는 CSS 선택기를 입력하고 요소가 있으면 노란색으로 강조 표시됩니다.

Firefox (버전 75부터)

FF 75부터는 평가 xpath 표현식없이 원시 xpath 쿼리를 사용할 수 있습니다 . 자세한 정보는 문서 를 참조하십시오.

Firefox (이전 버전 75)

1. Firefox 메뉴 (또는 메뉴 막대를 표시하거나 Mac OS X에있는 경우 도구 메뉴)의 웹 개발자 하위 메뉴에서 “웹 콘솔”을 선택
   하거나 Ctrl+ Shift+ K( OS X의 경우 Command+ Option+ K) 키보드 단축키를 누르십시오.

2. 하단의 명령 줄에서 다음을 사용하십시오.

   • $(): 일치하는 첫 번째 요소를 반환합니다. 등가로 document.querySelector()또는 호출 $이 존재하는 경우, 페이지에있는 기능.

   • $$(): 일치하는 DOM 노드의 배열을 반환합니다. 이것은와 비슷 document.querySelectorAll()하지만 대신 배열을 반환합니다 NodeList.

   • $x(): XPath 표현식을 평가하고 일치하는 노드의 배열을 리턴합니다.

---

Firefox (이전 버전 49)

1. Firebug 설치
2. Firepath 설치
3. F12Firebug를 열려면 누르 십시오
4. FirePath패널로 전환
5. 드롭 다운에서 XPathor CSS를 선택하십시오.
6. 입력하여 찾을 수 있습니다

---

답변