OffiDocs를 사용하는 Chrome의 Old School GitHub

기술

GitHub https://github에서 사용할 수 있는 코드입니다.

com/daattali/oldschool-github-extension 기능 ========= 1. **헤더 탭을 주요 콘텐츠 영역으로 이동:** XNUMX월 업데이트에서 GitHub은 헤더 버튼("코드"/"문제"/"풀 리퀘스트" 등)을 페이지의 맨 왼쪽으로 이동했습니다.

이러한 버튼은 이제 페이지 콘텐츠의 나머지 부분에서 매우 멀리 떨어져 있기 때문에 큰 와이드 모니터가 있는 경우 문제가 되었습니다.

랩톱을 사용하는 경우 차이를 느끼지 못할 수 있습니다.

2. **헤더에서 선택한 페이지 강조 표시:** 업데이트 전에는 선택한 페이지가 명확하게 강조 표시되었습니다.

업데이트는 현재 페이지 선택을 훨씬 더 미묘하게 만들었습니다.

3. **고전적인 스타일의 버튼과 라벨:** 기존 버튼은 깊이가 있고 글꼴이 굵었지만, 새로운 버튼은 평평해서 클릭하기 어려워 보입니다.

4. **파일 탐색기에 행 구분 기호 추가:** 모든 파일과 폴더를 표시하는 파일 탐색기에는 현재 행 간에 테두리가 없어 파일 목록을 읽기가 어렵습니다.

5. **모든 곳에서 원형 사용자 이미지와 둥근 모서리 제거:** 새로운 원형 사용자 사진은 모서리 근처에 원치 않는 둥근 모서리를 발생시켜 일부 사용자에게 원래 정사각형으로 의도된 사진의 중요한 특징을 잘라냅니다.

다른 많은 항목도 매우 둥글게 만들어졌습니다.

그리고 문제 카운터 및 문제 레이블의 텍스트 너비 수정, 문제의 공백 수정, README 제목에 약간의 배경 추가 등과 같은 기타 많은 UI 수정 사항이 있습니다.

제한 사항 ========= 이 확장 기능은 페이지에 있는 기존 항목의 모양을 변경할 수 있지만 항목을 이동하여 페이지 레이아웃을 변경할 수는 없습니다.

예를 들어 일반적인 질문은 저장소 사이드바를 이전처럼 기본 코드 섹션 위로 이동할 수 있는지 여부입니다.

불행히도 그것은 불가능합니다(또는 매우 어렵습니다).

그 이유는 GitHub가 내부 링크를 처리하는 이상한 방식 때문입니다. 일부 페이지는 실제 페이지 다시 로드이지만 일부 페이지는 AJAX로 완전히 로드됩니다.

이로 인해 JavaScript를 사용하여 UI 문제를 해결할 수 없으며 CSS만 사용할 수 있습니다.

Code 탭에서 Pull Requests를 클릭하면 실제로 페이지가 새로고침되지 않지만 Issues를 클릭하면 새 페이지가 됩니다.

즉, 코드에서 끌어오기 요청으로 이동한 후 페이지 본문의 많은 부분이 다시 작성되었기 때문에 모든 JavaScript 변경 사항이 되돌려집니다.

기술적으로는 이벤트 리스너나 뮤테이터 옵저버 또는 기타 기술을 사용하여 해킹 방법을 찾고 새 페이지가 AJAX로 로드될 때 JavaScript를 강제로 다시 초기화하려고 시도할 수 있지만 올바르게 작동하기가 매우 어렵고 성능이 저하됩니다.

그래서 불행하게도 CSS 만 사용됩니다.

추가 정보 :

- deanattali.com 제공
- 평균 평점: 별 5개(좋아요)
-개발자 이 이메일 주소는 스팸봇으로부터 보호됩니다. 당신은 자바 스크립트를 활성화해야합니다.

올드 스쿨 GitHub 웹 extension OffiDocs와 통합 Chromium 온라인