HTML 파일을 실행하지 않고 미리보기
.html, .htm 또는 .xhtml 파일은 미리보기 탭에서 열 수 있습니다. GitTree는 컴퓨터에서 이를 구문 분석하고 스크립트, 프레임 및 기타 활성 콘텐츠를 제거한 다음 네트워크가 없는 샌드박스 프레임에 나머지를 표시합니다. 인라인 스타일과 data: 이미지는 그대로 유지될 수 있습니다. 미리보기에서는 페이지가 실행되지 않습니다.
GitTree 무료로 작동합니다. 모든 로컬 Git 기능은 계정이 필요하지 않습니다.
시작하기 전에
- 미리보기는 무료 플랜의 일부입니다. 파일은 열려 있는 저장소에 있거나 해당 경로의 작업 복사본입니다.
- 페이지를 실행하기보다는 읽기를 원합니다. 스크립트나 네트워크에 의존하는 페이지는 불완전해 보입니다. 이는 저장소 로드 실패가 아니라 샌드박스입니다.
어디서 찾을 수 있나요?
- 파일 브라우저에서 파일을 엽니다. Markdown처럼
.html,.htm또는.xhtml로 끝나는 경로는 미리보기로 열릴 수 있습니다. - Open Preview 파일 메뉴에서 제공됩니다.
| 액션 | macOS | Windows 및 Linux |
|---|---|---|
| 파일 목록에 집중 | ⌘⇧E | Ctrl+Shift+E |
단계
파일 열기
파일 목록에서 페이지를 엽니다. GitTree는 Markdown과 함께
.html,.htm및.xhtml를 미리보기 파일로 처리합니다. 탭에는 소스만이 아니라 렌더링된 페이지가 표시됩니다. 텍스트를 원할 때 소스 편집기로 전환하십시오.
이 목록에서 HTML 파일을 엽니다. 미리보기 탭은 다음 보기입니다. 스틸은 파일 목록입니다.데모 저장소와의 GitTree 인터페이스입니다. 샌드박스 페이지 읽기
프레임의 정책은
default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:입니다. 프레임이 문서를 보기 전에 스크립트,base, 새로 고침 메타, iframe, 프레임, 개체, 포함, 애플릿 및 포털이 제거됩니다. 원격 이미지가 로드되지 않습니다. 저장소의 다른 파일을 가리키는 스타일시트 링크는 최대 64개 자산까지 인라인될 수 있습니다.페이지가 축소되었을 때 알림
스크립트나 원격 콘텐츠가 제거되면 페이지가 축소된 것으로 표시됩니다. 당신이 보는 것은 정적 나머지입니다. 파일을 떠난 링크는 탐색이 아닙니다. GitTree 프레임 내부에서 수행됩니다. 제거된 부분을 읽으려면 소스를 열어보세요.
소스를 수정한 후 다시 미리보기
편집기에서 파일을 변경하고 미리보기를 다시 엽니다. 파서는 당신이 가지고 있는 텍스트에 대해 실행됩니다. 호스트에서 페이지를 가져오지 않습니다. 히스토리 변경을 원할 경우 커밋박스에서 파일을 커밋합니다. 미리보기는 커밋되지 않습니다.
예상되는 결과
탭에는 스크립트 및 네트워크 액세스가 없는 정적 페이지(인라인 스타일 및 인라인 로컬 자산)가 표시됩니다. 미리보기에서는 저장소가 변경되지 않습니다. 프레임이 실행되지 않더라도 예상한 태그가 여전히 파일에 있는지 확인하려면 소스 탭을 사용하십시오.
제거되는 것
| 요소 또는 참조 | 무슨 일이 일어나는가 |
|---|---|
| 스크립트 | 삭제되었습니다. 실행되지 않습니다. |
| iframe, 프레임, 개체, 포함, 애플릿, 포털 | 삭제되었습니다. 로드되지 않습니다. |
| 기본 및 메타 새로 고침 | 프레임을 재타겟팅할 수 없도록 제거되었습니다. |
| 원격 이미지 또는 글꼴 URL | 로드되지 않았습니다. 데이터만 허용됩니다. 이미지와 글꼴이 허용됩니다. |
| 저장소의 스타일시트 | 처음 64개 자산 중 하나인 경우 인라인됩니다. |
정책은 페이지에 쓰여진 어떤 것보다 먼저 머리에 있는 것입니다. 페이지는 해당 정책의 범위를 좁힐 수만 있고 넓힐 수는 없습니다. 구문 분석은 페이지를 실행하지 않으며 미리 보기가 유지하기로 결정한 자산을 채울 때까지 이름이 지정된 파일을 읽지 않습니다.
HTML과 Markdown
동일한 "미리보기 탭에서 열기" 규칙이 Markdown 및 이러한 페이지 확장에 적용됩니다. Markdown은 Markdown으로 렌더링됩니다. HTML은 문서로 구문 분석된 다음 샌드박스 처리됩니다. .html 파일은 Markdown 렌더러를 통해 전달되지 않습니다. 파일 열기 및 편집은 편집기입니다. 미리보기는 추가 탭입니다.
git show HEAD:docs/index.html
git check-ignore -v docs/index.htmlgit show는 커밋된 파일을 인쇄합니다. 미리보기에는 사용자가 열었던 작업 복사본이 표시됩니다. 무시 규칙은 이미 추적된 파일을 숨기지 않습니다. diff 읽기에 대한 튜토리얼 강의는 미리보기가 대체하지 않는 소스를 비교하는 방법입니다.
한도
각 자산은 한 번의 읽기이며 페이지는 최대 64개의 경로를 유지합니다. 과거의 자산은 끌어오지 않고 페이지에 있던 대로 유지됩니다. 매우 큰 페이지는 텍스트당 한 번씩 구문 분석됩니다. 자산을 채워도 다시 구문 분석되지 않습니다. 미리보기는 일부러 오프라인 상태입니다. 스크립트 실행 및 네트워크 호출이 허용된 브라우저와 일치하지 않습니다.
뭔가 잘못되면
페이지가 비어 있거나 레이아웃이 없습니다.
스타일은 원격 시트나 스크립트에서 가져올 수 있습니다. 로드되지 않았습니다. 64개 자산 제한 내에서 저장소의 스타일을 인라인하거나 소스를 읽어보세요.
이미지가 누락되었습니다.
원격 이미지가 차단되었습니다. 저장소의 이미지는 자산 한도 내에서 data:URL이 될 때 표시됩니다. 페이지가 사용하는 경로를 확인하세요. 저장소를 떠나는 경로는 삭제됩니다.
버튼은 아무 것도 하지 않습니다.
스크립트가 제거되었습니다. 미리보기에서는 실행되지 않습니다. 페이지를 실행해야 하는 경우, 읽은 파일에 대해서만 신뢰하는 브라우저를 사용하세요.
미리보기가 커밋된 파일과 일치하지 않습니다.
당신은 작업 사본을 보고 있습니다. git show HEAD:path는 커밋된 텍스트를 인쇄합니다. 일치시키려면 커밋하거나 삭제하세요.
질문
미리보기는 JavaScript를 실행합니까?
아니요. 스크립트 요소는 제거되고 프레임의 정책은 default-src를 없음으로 설정합니다. 페이지가 실행되지 않습니다.
네트워크에서 이미지를 로드합니까?
아니요. img-src 및font-src는 데이터: URL만 허용합니다. 리포지토리 이미지는 자산 한도 내에 있으면 데이터로 인라인됩니다.
어떤 확장 프로그램이 페이지로 열리나요?
html, htm, xhtml. Markdown은 Markdown 미리 보기에서 열립니다. 다른 파일은 소스 또는 diff로 열립니다.
페이지가 샌드박스를 느슨하게 할 수 있나요?
아니요. 프레임 정책이 먼저 삽입됩니다. 페이지 범위를 좁힐 수만 있습니다. 메타 새로고침 또는 기본 URL이 제거됩니다.
HTML 미리보기는 Pro 기능인가요?
아니요. 무료 플랜의 일부이므로 계정이 필요하지 않습니다.