ขยายโค้ดเป็นเต็มหน้าจอบนเว็บไซต์ StackExchange

สลับไปยังเต็มหน้าจอสำหรับบล็อกโค้ดเมื่อวางเมาส์ไว้เหนือ

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

ผู้เขียน
138 Aspen
จำนวนติดตั้งประจำวัน
0
จำนวนติดตั้งทั้งหมด
10
คะแนน
0 0 0
เวอร์ชัน
0.1.4
สร้างเมื่อ
15-02-2024
อัปเดตเมื่อ
18-09-2025
Size
17.3 กิโลไบต์
สัญญาอนุญาต
MIT
ปรับใช้กับ

เครื่องดูรหัส StackExchange เต็มจอ

สคริปต์ผู้ใช้ที่ครอบคลุมที่เพิ่มประสบการณ์การดูรหัสบนเว็บไซต์ StackExchange โดยการเพิ่มฟังก์ชันเต็มจอและคัดลอกไปยังบล็อกรหัส

## คุณสมบัติ

🔍 ** การดูรหัสเต็มจอ**

  • เปิดบล็อกรหัสในแท็บใหม่ที่เฉพาะสำหรับการดูที่ไม่มีความบังเบิง
  • รักษาการไฮไลต์ไนซักซ์เดิมด้วยรูปแบบสีที่เพิ่มขึ้น
  • การออกแบบที่ตอบสนองที่ใช้อสังหาริมทรัพย์เต็มจอ
  • อินเตอร์เฟซที่สะอาดและน้อยที่สุดสำหรับการอ่านรหัส

📋 ** คัดลอกรหัสด้วยคลิกเดียว**

  • คัดลอกบล็อกรหัสใด ๆ ไปยังคลิปบอร์ดด้วยคลิกเดียว
  • ความคิดเห็นทางภาพยืนยันการดำเนินการสําเนาที่ประสบความสำเร็จ
  • ทำงานได้อย่างราบรื่นกับทั้งหน้าเดิมและดูเต็มจอ

🎨 ** การไฮไลต์ภาษา**

  • รักษาการไฮไลต์สัญญาณ StackExchange เดิม
  • การไฮไลต์ที่เพิ่มขึ้นในโหมดเต็มจอโดยใช้ Highlight.js
  • การตรวจจับและรักษาภาษาอัตโนมัติ
  • รูปแบบสีแบบ GitHub เพื่อความอ่านได้อย่างดีที่สุด

⌨️ ** ทางลัดแป้นพิมพ์**

  • หนี: ปิดแท็บเต็มหน้าจอ
  • การควบคุมที่ใช้สัมผัสสําหรับการนำทางที่มีประสิทธิภาพ

## การติดตั้ง

  1. ติดตั้งผู้จัดการ userscript (Tampermonkey, Greasemonkey เป็นต้น)
  2. ติดตั้งสคริปต์นี้จาก userscript
  3. เยี่ยมชมเว็บไซต์ StackExchange ใด ๆ ที่มีบล็อกรหัส
  4. เลื่อนบนบล็อกรหัสเพื่อดูปุ่มใหม่

## การใช้งาน

### การดำเนินงานพื้นฐาน

  1. เลื่อนเหนือบล็อกรหัสใด ๆ เพื่อเปิดเผยปุ่มควบคุม
  2. คลิก "เต็มจอ" เพื่อเปิดรหัสในแท็บเฉพาะใหม่
  3. คลิก "คัดลอก" เพื่อคัดลอกรหัสไปยังคลิปบอร์ด
  4. กด Escape ในแท็บเต็มหน้าจอเพื่อปิด

### คุณสมบัติดูเต็มจอ

  • Toolbar: ตําแหน่งคงที่ด้วยปุ่มคัดลอกและปิด
  • การไฮไลต์สัญญาณ: ใช้โดยอัตโนมัติตามภาษาที่ตรวจจับ
  • รูปแบบที่ตอบสนอง: รหัสเติมพื้นที่หน้าจอที่มีอยู่
  • *การนำทางแป้นพิมพ์ *: สนับสนุนปุ่มหนีเพื่อออกอย่างรวดเร็ว

## เว็บไซต์ที่รองรับ

สคริปต์ทํางานทั่วเครือข่าย StackExchange ทั้งหมด:

### เว็บไซต์หลัก

  • Stack Overflow - คำถามการเขียนโปรแกรมและตัวอย่างโค้ดทั้งหมด
  • Super User - การบริหารระบบและรหัสผู้ใช้พลังงาน
  • *ความผิดพลาดเซิร์ฟเวอร์ * - สคริปต์การบริหารเซิร์ฟเวอร์และเครือข่าย
  • ถาม Ubuntu - บรรทัดคำสั่งและการตั้งค่า Ubuntu / Linux
  • Math Overflow - รหัสคณิตศาสตร์และอัลกอริทึม

### ความคุ้มครองเพิ่มเติม

  • เว็บไซต์ย่อย StackExchange ทั้งหมด (200+ ชุมชน)
  • เว็บไซต์เมตาสำหรับแพลตฟอร์มที่รองรับทั้งหมด
  • รีวิวคิว และผลการค้นหา
  • StackApps สำหรับตัวอย่างโค้ดที่เกี่ยวข้อง API

## รายละเอียดทางเทคนิค

### การดำเนินการ

  • ** JavaScript บริสุทธิ์ ** - ไม่มีความพึ่งพาภายนอกในหน้าหลัก
  • การบูรณาการ CDN - Highlight.js โหลดในแท็บเต็มจอ
  • ไม่รุกขัด - รักษารูปแบบหน้าเดิมและฟังก์ชัน
  • ประสิทธิภาพที่เหมาะสม - ผลกระทบต่อเวลาการโหลดหน้าน้อย

### ความเข้ากันได้กับเบราว์เซอร์

  • ** โครเมี่ยม / โครเมี่ยม *** - รองรับเต็ม
  • Firefox - สนับสนุนเต็ม
  • Safari - สนับสนุนเต็ม
  • ขอบ - สนับสนุนเต็ม
  • เบราว์เซอร์มือถือ - ฟังก์ชันพื้นฐาน

### ความปลอดภัย

  • MIT Licensed - เปิดแหล่งและสามารถตรวจสอบได้
  • ไม่มีการเก็บรวบรวมข้อมูล - ทำงานทั้งหมดด้านลูกค้า
  • การควบคุมป๊อปอัป - การจัดการที่หรูหราของตัวบล็อกป๊อปอัป
  • การดําเนินการที่ปลอดภัย - ไม่มีการฉีดสคริปต์ภายนอกในหน้าหลัก

## โครงสร้างรหัส

### ส่วนประกอบหลัก

 // ฟังก์ชั่นหลัก
addStyles (() // ฉีด CSS สำหรับปุ่มและรูปแบบ
addButtons() // สร้างปุ่มโฮเวอร์สำหรับบล็อกรหัส
openCodeInNewTab() // สร้างประสบการณ์ดูเต็มจอ
copyToClipboard (() // จัดการฟังก์ชันการคัดลอกรหัส

### สถาปัตยกรรม CSS

  • ห่อโปร่งใส - อย่ารับแทรกแซงการสร้างสไตล์เดิม
  • การออกแบบที่ตอบสนอง - ปรับให้เข้ากับขนาดหน้าจอที่แตกต่างกัน
  • การปฏิสัมพันธ์ที่เลื่อน - ประสบการณ์ผู้ใช้ที่สะอาดและใช้งานง่าย
  • การเพิ่มประสิทธิภาพเต็มจอ - ความสามารถในการอ่านสูงสุดในมุมมองที่เฉพาะ

### การจัดการเหตุการณ์

  • *โหลดเหตุการณ์ * - เริ่มต้นหลังจากโหลดเนื้อหาหน้า
  • สถานการณ์เลื่อน - แสดง / ซ่อนปุ่มควบคุม
  • ตัวจัดการคลิก - จัดการการทำงานเต็มจอและคัดลอก
  • *เหตุการณ์แป้นพิมพ์ * - รองรับคีย์หนีในเต็มหน้าจอ

## การปรับแต่ง

### ตัวเลือกการสร้างสไตล์ สคริปต์สามารถปรับแต่งได้โดยการปรับเปลี่ยนตัวแปร CSS:

CSS /* ลักษณะปุ่ม / ปุ่ม { สีพื้นหลัง: #eee; / พื้นหลังปุ่ม / ขนาดตัวอักษร: 12px; / ขนาดข้อความปุ่ม / บรรจุ: 4px 8px; / ระยะห่างปุ่ม */ }

/* แบบเต็มจอ / ปุ่ม toolbar { พื้นหลัง: #007acc; / สีปุ่มแถบเครื่องมือ / สี: ขาว; / สีข้อความแถบเครื่องมือ */ }


 ### การสนับสนุนภาษา
การไฮไลต์สัญญาณรองรับภาษาเขียนโปรแกรม 190+ ภาษา รวมถึง:
 - **เว็บ**: JavaScript, TypeScript, HTML, CSS, SCSS
 *** Backend ***: Python, Java, C #, PHP, Ruby, Go, Rust
 - **ระบบ**: C, C ++, Assembly, Shell / Bash
 - **ข้อมูล**: SQL, JSON, XML, YAML, CSV
 - **การทำงาน**: Haskell, Lisp, Erlang, F#
 - **โทรศัพท์มือถือ**: สวิฟท์, Kotlin, Dart
 - ** และอื่น ๆ อีกมากมาย ..**


 ## แก้ไขปัญหา

 ### ปัญหาทั่วไป

 ** ปุ่มไม่ปรากฏ **
 - ให้แน่ใจว่า userscript manager เปิดใช้งาน
 - ตรวจสอบว่าเว็บไซต์อยู่ในรูปแบบการจับคู่ที่รองรับ
 - รีเฟรชหน้าหลังจากติดตั้ง

 ** ป๊อปอัพถูกบล็อกในเต็มหน้าจอ **
 - อนุญาตให้ป๊อปอัปสำหรับโดเมน StackExchange
 - ตรวจสอบการตั้งค่า popup blocker ของเบราว์เซอร์
 - ลองคลิกโดยตรงบนปุ่ม (ไม่ได้ในระหว่างการเปลี่ยนแปลง hover)

 ** การไฮไลต์สัญญาณไม่ทำงาน **
 - ตรวจสอบการเชื่อมต่ออินเทอร์เน็ต (การพึ่งพา CDN ในเต็มจอ)
 - ตรวจสอบรหัสบล็อกมีชั้นภาษาที่เหมาะสม
 - ลองปรับปรุงแท็บเต็มหน้าจอ

 ** คัดลอกไม่ทำงาน **
 - ตรวจสอบการเชื่อมต่อ HTTPS (ความต้องการ API คลิปบอร์ด)
 - ตรวจสอบอนุญาตคลิปบอร์ดเบราว์เซอร์
 - ลองใช้ Ctrl + C เป็น backup

 ### การปรับปรุงประสิทธิภาพ
 - โหลดสคริปต์อย่างไม่สม่ำเสมอเพื่อหลีกเลี่ยงการบล็อกการแสดงหน้า
 - การปรับปรุง DOM ที่น้อยที่สุดรักษาฟังก์ชันเดิม
 - การมอบหมายเหตุการณ์ลดรอยตัวหน่วยความจำ
 - การเปลี่ยนแปลง CSS ที่เหมาะสมสําหรับการปฏิสัมพันธ์ที่ราบรื่น




 ## ใบอนุญาต

ใบอนุญาต MIT - ฟรีสำหรับการใช้ส่วนตัวและทางการค้า

 ## สนับสนุน

สําหรับปัญหา การขอคุณสมบัติ หรือการมีส่วนร่วม:
 - **ปัญหา GitHub**: รายงานข้อผิดพลาดและคุณสมบัติการขอ
 - **StackExchange Meta**: หารือการปรับปรุงกับชุมชน
 - **ความคิดเห็น UserScript**: แบ่งปันความคิดเห็นและคําแนะนํา

---