Firefox에서 웹 페이지 소스를 보기

Tips & Tricks 2008/01/23 15:34 posted by mjjin

Firefox 브라우저에서 웹 페이지 소스 (Page Source)를 쉽게 알아볼수 있는 팁입니다. 물론 초간단해서 팁이 아니라고 얘기할수도 있습니다. (아래는 Windows XP를 예로 소스 코드 읽어보는 방법입니다.)

1. 임의의 웹 페이지에서 해당 페이지의 전체 소스 코드를 읽어 볼려면 Ctrl + U 키를 누르면 됩니다.

2. 펼쳐지는 해당 페이지의 소스 코드는 일반적으로 매우 복잡하게 나타나지만 특정된 구역이나 한가지 기능을 실행시켜주는 코드는 초보자라도 감으로 쉽게 찾아낼수 있습니다. 펼쳐진 소스 코드 페이지에서 Ctrl + F 키를 누르고 찾으려는 키워드나 문자를 입력하면 해당 코드의 위치로 쉽게 접근해갈수 있습니다.

예를 들어서 저의 블로그에 들어와서 위측 상단의 Facebook Badge의 코드가 어떻게 구성되여 있는지를 알아보려면 Ctrl + U 키를 누른후 다시 Ctrl + F 키를 누르고 컴 하단에 나타나는 작은 창구에 Facebook 이라는 단어만 타이핑 해넣으면 됩니다. 그러면 Facebook의 Badge의 코드가 아래와 같이 되여 있는것을 발견할수 있습니다.

<a href="http://www.facebook.com/people/Mingjie_Jin/765463367" rel="nofollow" title="My Facebook 
profile" target=_TOP><img src="http://cfs7.tistory.com/image/13/tistory/2008/07/08/07/56/48729f2a8cabd"
border=0 alt="My Facebook profile">

오른쪽 마우스 클릭을 막아놓은 임의의 사이트의 소스도 위의 방법으로 알아볼수가 있습니다.

'Tips & Tricks' 카테고리의 다른 글

블로그에 카테고리별 RSS 구독기능 제공하기 (12)	2008/02/29
티스토리에서 댓글 RSS를 생성하는 실험 (9)	2008/02/22
Google Analytics의 사용방법 (0)	2008/02/21
Technorati Link Count Widget를 블로그에 추가하기 (0)	2008/02/14
Get over the Great Fire Wall (2)	2008/02/10
Firefox에서 웹 페이지 소스를 보기 (0)	2008/01/23
Who links to me? (11)	2008/01/15
나의 블로그에 구글 리더를 이용하는 구독자수는 얼마나 될가 ? (2)	2008/01/14
구글 블로거에 Sitemap 을 추가하는 방법 (0)	2008/01/08
구글 리더로 Feed추가시 iGoogle로 잘못 연결되는 문제의 해결 방법 (0)	2008/01/04
포스트 하단에 Rating/북마킹/구독/MyBlogLog 등 버튼 추가하기 (6)	2007/12/30