마우스를 올리면 코드 블록을 전체 화면으로 전환
코드 블록에 전체 화면 및 복사 기능을 추가함으로써 StackExchange 사이트에서 코드 보기 경험을 향상시키는 포함적인 사용자 스크립트.
## 특징
## 설치
## 사용법
### 기본 작업
### 전체 화면 보기 기능
## 지원되는 사이트
스크립트는 전체 StackExchange 네트워크에서 작동합니다:
### 주요 사이트
### 추가 보호
## 기술적 세부사항
### 구현
### 브라우저 호환성
### 보안
## 코드 구조
### 주요 구성 요소
// 핵심 기능
addStyles() // 버튼과 레이아웃에 대한 CSS를 주입합니다.
addButtons() // 코드 블록에 대한 호버 버튼을 만듭니다.
openCodeInNewTab() // 전체 화면 보기 경험을 생성합니다.
copyToClipboard() // 코드 복사기능을 처리합니다.
### CSS 아키텍처
### 이벤트 처리
## 사용자 정의
### 스타일링 옵션 스크립트는 CSS 변수를 수정하여 사용자 정의 할 수 있습니다:
CSS /* 버튼 외관 / .버튼 { 배경색: #eee; / 버튼 배경 / 글자 크기: 12px; / 버튼 텍스트 크기 / 패딩: 4px 8px; / 버튼 간격 */ }
/* 풀스크린 스타일 / .toolbar 버튼 { 배경: #007acc; / 도구막대 버튼 색상 / 색깔: 백색; / 도구막대 텍스트 색상 */ }
### 언어 지원
구문 강조는 다음과 같은 190 개 이상의 프로그래밍 언어를 지원합니다.
- **웹**: 자바스크립트, 타이프스크립트, HTML, CSS, SCSS
- **백엔드**: 파이파론, 자바, C#, PHP, 루비, Go, Rust
- **시스템**: C, C++, 어 - ** 시스템**: Shell/Bash
- **데이터**: SQL, JSON, XML, YAML, CSV
- **기능적**: Haskell, Lisp, Erlang, F#
- **모바일**: 스위프트, 코틀린, 다트
- ** 그리고 더 많은...**
## 문제 해결
### 일반적인 문제
** 버튼이 나타나지 않습니다 **
- 사용자 스크립트 관리자가 활성화되어 있는지 확인하십시오.
- 사이트가 지원되는 일치 패턴에 있는지 확인
- 설치 후 페이지를 새로 고침
** 풀 스크린에서 포포프업 차단 **
- StackExchange 도메인에 대한 - - - - - - StaStackExchange 도메인에 대한 - - - - - StaStackExchange 도메인에 대한 - - - - - - - - StackExchange 도메인에 대한 - - - - -
- 브라우저 - - - 브브라우저 - 브브라우저 - - - 브라우저 - - 브로커 설정을 확인
- 버튼을 직접 클릭하십시오 (호버 전환 중 아닙니다)
** 문법 강조 표시가 작동하지 않습니다 **
- 인터넷 연결 확인 (전체 화면에서 CDN 의존성)
- 코드 블록이 적절한 언어 클래스를 가지고 있는지 확인
- 전체 스크린 탭을 새롭게 해보십시오.
** 복사가 작동하지 않습니다 **
- HTTPS 연결 보장 (클립보드 API 요구 사항)
- 브라우저 클립보드 권한을 확인
Ctrl+C를 - 팔백으로 사용하십시오.
### 성능 최적화
- 스크립트는 페이지 렌더를 차단하는 것을 피하기 위해 비동기적으로 로드됩니다.
- 최소한의 DOM 수정 원래 기능을 보존
- 이벤트 대표는 메모리 발자국을 줄입니다
- 부드러운 상호 작용을 위해 최적화된 CSS 전환
## 라이센스
MIT 라이선스 - 개인 및 상업용 무료.
## 지원
문제, 기능 요청 또는 기여의 경우:
- **GitHub 문제**: 버그 보고와 요청 기능
- **StackExchange 메타**: 커뮤니티와 개선 사항을 논의하십시오.
- **사용자 스크립트 의견**: 피드백과 팁을 공유
---