ホバー時にコードブロックをフルスクリーンに切り替えます
StackExchange サイトでフルスクリーンとコードブロックにコピー機能を追加することによってコードビュー体験を向上させる包括的なユーザースクリプト.
## 特徴
## インストール
## 使用法
### 基本操作
### フルスクリーン表示機能
## サポートされているサイト
このスクリプトは、StackExchange ネットワーク全体で動作します。
###主要サイト
### 追加カバー
## 技術詳細
### 実装
### ブラウザ互換性
### セキュリティ
## コード構造
### メインコンポーネント
「JavaScript」 // コア機能 addStyles() // ボタンやレイアウトの CSS を注入する addButtons() // コードブロックのホバーボタンを作成します openCodeInNewTab() // フルスクリーンの視聴体験を生成します copyToClipboard() // コードコピー機能を処理する
### CSSアーキテクチャ
- **透明なラッパー** - 元のスタイルを妨げないでください
- **レスポンス設計** - 異なる画面サイズに適応
- **ホバーインタラクション** - クリーンで直感的なユーザー体験
- **フルスクリーン最適化** - 専用ビューで最大の読みやすさ
### イベント管理
- **ロードイベント** - ページコンテンツのロード後に初期化
- **ホバー状態** - 制御ボタンを表示する/隠す
- **クリックハンドラー** - フルスクリーンとコピー操作を管理します
- **キーボードイベント** - フルスクリーンでエスケープキーサポート
## カスタマイズ
### スタイルオプション
スクリプトはCSS変数を変更することでカスタマイズできます:
「CSS」
/* ボタンの外観 */
.ボタン {
背景色: #eee; /* ボタン背景 */
フォントサイズ: 12px; /* ボタンテキストサイズ */
パッディング: 4px 8px; /* ボタン間隔 */
}
/* フルスクリーンスタイル */
.toolbar ボタン {
背景: #007acc; /* ツールバーボタンの色 */
色: 白; /* ツールバーテキストの色 */
}
### 言語サポート 構文強調は、以下を含む190以上のプログラミング言語をサポートします。
## トラブルシューティング
### 一般的な問題
ボタンが表示されない
** フルスクリーンでポップアップがブロックされました **
** 構文強調が動作しません **
コピーが動作しない**
### パフォーマンス最適化
## ライセンス
MITライセンス - 個人および商業用途のために無料。
## サポート
問題、機能リクエスト、または貢献について: