페이지의 소스 코드를 보는 네 가지 방법 공유

프론트엔드 개발자는 웹서핑을 하다 마음에 드는 웹페이지를 만나면 항상 코드가 어떻게 작성되어 있는지 보고 싶어 합니다. 어떤 사람들은 웹페이지의 소스 코드를 수정해야 하는 경우도 있습니다. 웹페이지의 소스코드? 이 글에서는 소스 코드를 보는 방법과 다른 브라우저에서 소스 코드를 보기 위한 단축키에 대해 설명합니다. 필요한 친구들이 참고할 수 있으니 도움이 되었으면 좋겠습니다.

1. 소스 코드란 무엇인가요? 일반적으로 사진, 텍스트, 비디오 및 기타 콘텐츠를 HTML 코드를 통해 브라우저에 표시할 수 있도록 하는 코드를 웹 페이지 소스 코드라고 합니다. CSS 코드는 CSS 소스 코드라고 할 수 있습니다.

2. 소스코드 보는 방법

다음은 웹페이지의 소스코드를 여는 4가지 방법을 주로 소개합니다

1. 아무 웹페이지나 열고 마우스 오른쪽 버튼을 클릭하면 "소스코드 보기"가 나옵니다. ". 이 웹페이지의 소스코드가 눈앞에 나타납니다.

2. 편의를 위해 친구는 단축키 Ctrl+U를 사용하여 소스 코드를 볼 수도 있습니다.

추가: 페이지의 부분 스타일을 보려면 마우스 오른쪽 버튼을 클릭하고 요소 검사를 클릭하면 됩니다. 단축키 F12 또는 단축키 Ctrl+Shift+I를 사용하여 개발자 도구를 호출하거나 닫아 소스 코드를 볼 수도 있습니다.

3. 보려는 웹페이지의 주소 표시줄 앞에 view-source:

를 추가할 수도 있습니다. 예: Baidu의 소스 코드를 보려면 view-source:https://www.baidu.com/

4 또한 브라우저의 설정 메뉴 상자에서 "추가 도구"를 찾은 다음 개발자 도구를 찾거나 웹 페이지의 소스 코드를 볼 수도 있습니다.

참고: 그러나 브라우저마다 약간의 차이가 있는 것 같습니다.

Firefox: 설정 메뉴 상자를 찾고, 웹 개발자를 찾은 다음, 페이지 소스 코드를 찾습니다.

Google Chrome은 스크린샷을 하나씩 찍지 않으며 약간의 차이만 제외하고 모두 동일합니다.

위에서는 페이지의 소스코드를 보는 4가지 방법을 소개합니다. 모르는 친구들도 직접 해보고 편리하고 사용하기 쉬운 방법을 찾아보세요.

위 내용은 페이지의 소스 코드를 보는 네 가지 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!