웹 브라우저는 웹을 그대로 표시하는 Hypertext Markup Language 파일 및 Cascading Style Sheets를 해석하지만, 핫키 또는 URL 조정은 브라우저가 렌더링 된 웹 페이지가 아니라 해당 페이지의 소스 코드를 새 탭이나 창에 표시하도록합니다. . 대부분의 사람들은 소스 코드를 검사 할 필요가 거의 없지만 개발자는이 관점을 사용하여 레이아웃 불일치를 해결하거나 웹 사이트의 버그를 수정합니다.
:max_bytes(150000):strip_icc()/GettyImages-465458409-59c6ba7422fa3a00112ce793.jpg)
게티 이미지 (Logovski # 465458409)
데스크탑 브라우저에서 소스를 보는 방법
모든 주요 데스크톱 브라우저 (Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi)의 경우 Ctrl 키 + U 현재 페이지의 원시 HTML을 표시하는 새 탭을 엽니 다. Mac에서는 Cmd + Option + U or Cmd + U Firefox에서.
:max_bytes(150000):strip_icc()/nxOopBt3q6-f9f7aefc2caa40ed810ce8b257fc9248.png)
Chrome에서 웹 사이트의 소스 코드를 보는 단계
또는 모든 데스크톱 브라우저가 URL 별 조정을 지원합니다. 텍스트 앞에 추가 소스보기: URL에 추가하여 소스 모드에서 페이지를 엽니 다. 예를 들어 소스보기 : https : //www.lifewire.com Lifewire의 메인 랜딩 페이지 뒤에있는 소스 코드를 볼 수 있습니다.
마우스를 선호하거나 즉시 HTML을 조정해야합니까? 모든 주요 브라우저는 소스보기 메뉴 구조 내 어딘가에 명령을 내리고 개발자 인터페이스에서 변경 한 내용을 기반으로 페이지가 실행되는 방식을 실시간으로 조정할 수있는 개발자 모드 (다양한 이름과 다양한 방법으로 시작됨)도 지원합니다.
기본 모바일 브라우저에서 소스를 보는 방법
재고 Android 브라우저는 소스보기: URL 조정. 그러나 iOS에서는 기본 Safari 앱이이 기능을 지원하지 않습니다. Apple의 플랫폼에서는 App Store에서 다른 브라우저 나 소스 코드보기 앱을 실행해야합니다.
플랫폼의 앱 스토어에서 설치 한 개별 모바일 브라우저는 다르게 작동합니다. 특정 절차에 대해서는 브라우저의 설명서를 참조하십시오.