توسيع الكود إلى الشاشة الكاملة على موقع StackExchange

تبديل الشاشة الكاملة لكتل الكود عند التمرير فوقها

المؤلف
138 Aspen
التثبيت اليومي
0
إجمالي التثبيت
10
التقييمات
0 0 0
الإصدار
0.1.4
تم إنشاؤه
15-02-2024
تم تحديثه
18-09-2025
الحجم
17.3 KB
الترخيص
MIT
ينطبق على

StackExchange رمز شاشة كاملة

نص مستخدم شامل يعزز تجربة عرض الشفرة على مواقع StackExchange عن طريق إضافة وظيفة الشاشة الكاملة والنسخ إلى كتل الشفرة.

## الميزات

🔍 ** عرض رمز شاشة كاملة**

  • يفتح كتل رمز في علامة تبويب جديدة مخصصة لمشاهدة خالية من التشتيت
  • يحافظ على تسليط الضوء على النحو الأصلي مع نظام ألوان محسن
  • تصميم استجابة يستخدم شاشة كاملة العقارات
  • واجهة نظيفة وأدنى تحسين لقراءة الشفرة

📋 ** نسخ رمز بنقرة واحدة**

  • نسخ أي كتلة رمز إلى لوحة المقاطع بنقرة واحدة
  • تؤكد ردود الفعل البصرية عملية النسخ الناجحة
  • يعمل بسلاسة مع كل من الصفحة الأصلية وعرض الشاشة الكاملة

🎨 ** تسليط الضوء على النحو**

  • يحافظ على تسليط الضوء على النحو الأصلي لـ StackExchange
  • تحسين تسليط الضوء في وضع الشاشة الكاملة باستخدام Highlight.js
  • الكشف التلقائي عن اللغة والحفاظ عليها
  • مخطط ألوان على غرار GitHub للقراءة الأمثل

⌨️ ** اختصارات لوحة المفاتيح**

  • الهروب: إغلاق علامة التبويب الشاشة الكاملة
  • التحكم البديهي للملاحة الفعالة

## التثبيت

  1. تثبيت مدير نص المستخدم (Tampermonkey ، Greasemonkey ، إلخ)
  2. تثبيت هذا النص من userscript
  3. زيارة أي موقع StackExchange مع كتل رمز
  4. حرك المار فوق كتل الشفرة لمشاهدة الأزرار الجديدة

## الاستخدام

### العمليات الأساسية

  1. ** حرك المرور ** فوق أي كتلة رمز للكشف عن أزرار التحكم
  2. انقر فوق "شاشة كاملة" لفتح الشفرة في علامة تبويب مخصصة جديدة
  3. انقر فوق "نسخ" لنسخ الشفرة إلى لوحة المقاطع
  4. اضغط على الهروب في علامة التبويب الشاشة الكاملة لإغلاقها

### ميزات عرض الشاشة الكاملة

  • شريط الأدوات: موقف ثابت مع أزرار النسخ والإغلاق
  • تسليط الضوء على النحو: تطبق تلقائيا بناء على اللغة المكتشفة
  • تصميم مستجيب: يملأ الكود مساحة الشاشة المتاحة
  • التنقل لوحة المفاتيح: دعم مفتاح الهروب للخروج السريع

## المواقع المدعومة

يعمل البرنامج النصي عبر شبكة StackExchange بأكملها:

### المواقع الرئيسية

  • Stack Overflow - جميع أسئلة البرمجة وأمثلة الشفرة
  • Super User - إدارة النظام ورمز مستخدم الطاقة
  • خطأ الخادم - نصوص إدارة الخادم والشبكة
  • اسأل أوبونتو - سطر الأوامر والتكوين في أوبونتو / لينكس
  • Math Overflow - الرمز الرياضي والخوارزميات

### تغطية إضافية

  • جميع مواقع StackExchange الفرعية (200+ مجتمعات)
  • المواقع الوصفية لجميع المنصات المدعومة
  • استعراض الصفوف ونتائج البحث
  • StackApps لأمثلة الشفرة المتعلقة بوابة برمجة التطبيقات

## التفاصيل التقنية

### التنفيذ

  • جافا سكريبت النقي - لا تعتمدات خارجية على الصفحة الرئيسية
  • CDN التكامل - Highlight.js تحميل في علامات التبويب شاشة كاملة
  • غير متدخل - يحافظ على تصميم الصفحة الأصلية والوظائف
  • تحسين الأداء - الحد الأدنى من التأثير على أوقات تحميل الصفحة

### توافق المتصفح

  • ** كروم / كروم *** - دعم كامل
  • فايرفوكس - دعم كامل
  • سفاري - دعم كامل
  • Edge - دعم كامل
  • متصفحات الجوال - الوظائف الأساسية

# الأمن

  • MIT Licensed - مفتوح المصدر وقابل للتدقيق
  • لا جمع البيانات - يعمل بالكامل من جانب العميل
  • ضوابط المنبثقة - التعامل الأنيق مع منع المنبثقة
  • تنفيذ آمن - لا حقن نص خارجي على الصفحات الرئيسية

## هيكل الشفرة

### المكونات الرئيسية

جافاسكريبت // الوظائف الأساسية addStyles() // يحقن CSS للأزرار والتخطيطات addButtons() // يخلق أزرار التمرير لكتل الشفرة openCodeInNewTab() // يخلق تجربة عرض شاشة كاملة copyToClipboard() // يتعامل مع وظيفة نسخ الشفرة


 ### هندسة CSS
 - **غلاف شفاف** - لا تتداخل مع التصميم الأصلي
 - **تصميم استجابة** - يتكيف مع أحجام الشاشة المختلفة
 - **تفاعلات التحريك** - تجربة مستخدم نظيفة وبديهية
 - **تحسين الشاشة الكاملة** - أقصى قدر من القراءة في عرض مخصص

 ### معالجة الأحداث
 - **أحداث التحميل** - يبدأ بعد تحميل محتوى الصفحة
 - **حالة المرور** - يظهر / يخفي أزرار التحكم
 - **اضغط على معالجات** - يدير عمليات الشاشة الكاملة والنسخ
 - **أحداث لوحة المفاتيح** - دعم مفتاح الهروب في الشاشة الكاملة

 ## التخصيص

 ### خيارات التصميم
يمكن تخصيص النص عن طريق تعديل متغيرات CSS:

CSS
 /* مظهر الزر */
 .زر {
لون الخلفية: #eee;  /* خلفية الزر */
حجم الخط: 12px;  /* حجم النص الزر */
حشوة: 4px 8px؛  /* مسافة الزر */
}

 /* تصميم شاشة كاملة */
زر شريط الأدوات {
الخلفية: #007acc؛  /* لون زر شريط الأدوات */
اللون: أبيض؛  /* لون نص شريط الأدوات */
}

### دعم اللغة يدعم تسليط الضوء على النحو أكثر من 190 لغة برمجة بما في ذلك:

  • الويب: جافا سكريبت، تايبسكريبت، HTML، CSS، SCSS
  • الخلفية: بايثون، جافا، سي #، PHP، روبي، الذهاب، الصدأ
  • الأنظمة: C ، C ++ ، الجمعية ، Shell / Bash
  • البيانات: SQL، JSON، XML، YAML، CSV
  • وظيفي: Haskell، Lisp، Erlang، F#
  • جوال: سويفت، كوتلين، دارت
  • ** وأكثر من ذلك. ..**

## حل المشاكل

### القضايا الشائعة

** لا تظهر الأزرار **

  • تأكد من تمكين مدير userscript
  • تحقق ما إذا كان الموقع في أنماط المباراة المدعومة
  • تحديث الصفحة بعد التثبيت

** منبثقة محظورة في الشاشة الكاملة **

  • السماح بالنوافذ المنبثقة لمجالات StackExchange
  • تحقق من إعدادات منع المنبثقة المتصفح
  • حاول النقر مباشرة على الزر (وليس أثناء الانتقال بالتحرك)

** تسليط الضوء على النحو لا يعمل **

  • تحقق من اتصال الإنترنت (اعتماد CDN في الشاشة الكاملة)
  • تحقق من أن كتلة الشفرة لديها فئة لغة مناسبة
  • حاول تحديث علامة التبويب الشاشة الكاملة

** النسخة لا تعمل **

  • ضمان اتصال HTTPS (متطلبات واجهة برمجة تطبيقات لوحة المقاطع)
  • تحقق من أذونات لوحة المقاطع المتصفح
  • حاول استخدام Ctrl + C كحل احتياطي

### تحسين الأداء

  • تحميلات النص بشكل غير متزامن لتجنب حظر الصفحة
  • الحد الأدنى من تعديلات DOM الحفاظ على الوظائف الأصلية
  • تفويض الحدث يقلل من بصمة الذاكرة
  • تحولات CSS محسنة للتفاعلات السلسة

## ترخيص

رخصة معهد ماساتشوستس للتكنولوجيا - مجانية للاستخدام الشخصي والتجاري.

## الدعم

للقضايا، طلبات الميزات، أو المساهمات:

  • مشاكل GitHub: الإبلاغ عن الأخطاء وميزات الطلب
  • StackExchange Meta: مناقشة التحسينات مع المجتمع
  • تعليقات UserScript: مشاركة التعليقات والنصائح