Firefox에서 결합 된 HTML 태그 및 웹 페이지보기

별도의 창에서 소스 코드를 보지 않고도 웹 페이지의 HTML 태그를보다 쉽게 ​​볼 수있는 방법을 원하십니까? 이제 Firefox 용 X-Ray 확장을 사용하여 동일한 창에 결합 된 웹 페이지 및 태그를 볼 수 있습니다.

전에

일반적으로 웹 페이지의 소스 코드를 보려면 별도의 창에서 해당 소스 코드를 확인해야합니다. 특정 섹션에만 관심이 있다면 원하는 코드를 찾기 위해 전체 코드 세트를 검색해야합니다..

후

엑스레이 연장은 동일한 탭에있는 웹 페이지로 문서의 꼬리표 (종류와 ID 이름을 포함하여)를 "나란하게"보게 할 것이다. 컨텍스트 메뉴 또는 도구 메뉴를 사용하여 X-Ray 명령에 액세스 할 수 있습니다.

위의 첫 번째 스크린 샷에 표시된 것과 동일한 웹 페이지 섹션이 있습니다. 처음에는 약간 이상하게 보일 수 있습니다. 둘 다 함께 보게 될 때까지.

참고 : X-Ray 명령을 다시 클릭하거나 페이지를 새로 고침으로써 웹 페이지를 '일반보기'로 되돌릴 수 있습니다.

동일한 웹 페이지의 사이드 바 부분에 대한 코드 ...

끝에있는 링크 집합 중 하나가 뒤에옵니다..

또 다른 예를 들자면 주 피드의 부분 설정 방법에 관심이 있다고 가정 해 보겠습니다..

특정 요소가 웹 페이지에서 직접 설정되는 방식을 볼 수 있다는 것이 코드의 전체 페이지를 검색하는 것보다 확실히 낫습니다..

결론

웹 페이지를 디자인하고 다른 사람의 웹 사이트 코드를 쉽게 볼 수있게하려는 경우이 확장 프로그램을 사용해 볼 수 있습니다..

모래밭

X-Ray 확장 기능 다운로드 (Mozilla 애드온)