كيفية تخصيص واجهة مستخدم فايرفوكس مع userChrome.css

لا تزال واجهة Firefox Quantum قابلة للتخصيص للغاية بفضل ملف userChrome.css الخاص بها. يمكنك تحرير هذا الملف لإخفاء عناصر القائمة غير المرغوب فيها ، وتحريك شريط علامات التبويب أسفل شريط أدوات التنقل ، وعرض صفوف متعددة على شريط أدوات الإشارات ، والقيام بأشياء أخرى لن تكون ممكنة في العادة.

كيف يعمل هذا

ملف userChrome.css الخاص بـ Firefox هو ملف ورقة أنماط متتالية (CSS) يستخدمها فايرفوكس. في حين يتم تطبيق أوراق الأنماط عادة على صفحات الويب ، يتم تطبيق ورقة الأنماط هذه على واجهة مستخدم Firefox. يسمح لك بتغيير مظهر وتخطيط كل شيء محاط بصفحة الويب iteslf. لا يمكنك بالفعل إضافة أي ميزات. يمكنك فقط تعديل ما هو موجود بالفعل لتغييره أو إخفائه أو تحريكه.

هذا لا علاقة له بـ Google Chrome. يشير "Chrome" إلى واجهة المستخدم لمتصفح الويب ، وهو ما أطلق عليه اسم Google Chrome بعد ذلك.

لقد كان ملف userChrome.css موجودًا في Firefox لفترة طويلة ، ولكنه أخذ أهمية متجددة مع Firefox Quantum. يمكن الآن إنجاز العديد من التعديلات التي كان يمكن تحقيقها مسبقًا بواسطة الوظائف الإضافية للمستعرض عن طريق تحرير ملف userChrome.css.

أين تجد القرص

على الرغم من أنه يمكنك إنشاء تعديلاتك الخاصة إذا كنت تفهم شفرة CSS وكيف تم تصميم واجهة Firefox ، يمكنك أيضًا العثور على القرص عبر الإنترنت. إذا كنت ترغب في إجراء تغيير معين ، فمن المحتمل أن شخصًا ما قد فهم بالفعل كيفية إجراء ذلك وكتابة الشفرة.

إليك بعض الموارد التي تساعدك على البدء:

• Sample Tweaks from userChrome.org: قائمة قصيرة من التعديلات المثيرة للاهتمام التي توضح قوة userChrome.css.
• Classic CSS Tweaks: مستودع لـ userChrome.css tweaks من مؤلف ملحق Classic Theme Restorer ، الذي لم يعد يعمل على Firefox Quantum.
• userChrome القرص: مجموعة من القرص فايرفوكس مثيرة للاهتمام.
• FirefoxCSS على Reddit: هذا subreddit هو مجتمع لمناقشة القرص. يمكنك البحث في subreddit للعثور على تعديلات الأشخاص الآخرين ، ومشاهدة ما يشاركه الأشخاص ، وحتى طلب إدخال إذا لم تتمكن من العثور على قرص تريده حقًا.
• دليل لتحرير قائمة السياق الخاصة بك: تعليمات لإزالة العناصر من قائمة السياق الخاصة بفايرفوكس وتغيير ترتيبها في القائمة ، مأخوذة من قائمة فايرفوكسس..

ضع في اعتبارك أن الإصدارات القديمة من فايرفوكس لها واجهة مختلفة. قد لا يعمل القرص القديم للمستخدم userChrome.css الذي تجده عبر الإنترنت على Firefox 57 والإصدارات الأحدث ، والمعروف أيضًا باسم Firefox Quantum.

إذا كنت تعرف ما تفعله باستخدام CSS ، فيمكنك تمكين صندوق أدوات المتصفح لفحص كروم متصفح Firefox. سيوفر ذلك المعلومات التي تحتاج إليها لتخصيص عناصر واجهة متصفح متنوعة باستخدام شفرة CSS الخاصة بك.

كيفية إنشاء ملف userChrome.css الخاص بك

ملف userChrome.css غير موجود بشكل افتراضي ، لذلك بمجرد أن يكون لديك قرص أو اثنان تريد تجربته ، عليك أولاً إنشاء الملف في الموقع المناسب داخل مجلد ملف تعريف Firefox.

لبدء تشغيل مجلد ملف تعريف Firefox ، انقر فوق القائمة> تعليمات> معلومات استكشاف الأخطاء وإصلاحها في Firefox.

انقر فوق الزر "فتح مجلد" على يمين مجلد الملف الشخصي لفتحه. (في MacOS أو Linux ، سترى زر "إظهار في Finder" أو "Open Directory" بدلاً من ذلك. توضح التعليمات التالية العملية على Windows ، ولكنها في الأساس نفسها على Mac و Linux - ستستخدم فقط مدير الملفات المختلفة ومحرر النصوص.)

إذا رأيت مجلدًا باسم "chrome" في مجلد ملف التعريف الذي يظهر ، فانقر عليه نقرًا مزدوجًا. ومع ذلك ، ربما لن تقوم بذلك ، حيث لا يتم إنشاء هذا المجلد بواسطة إصدارات حديثة من Firefox.

لإنشاء المجلد ، انقر بزر الماوس الأيمن في الجزء الأيسر وحدد New> Folder. قم بتسمية "chrome" ، واضغط على Enter ، ثم انقر فوقه نقرًا مزدوجًا.

ستحتاج إلى إخبار Windows بإظهار ملحقات الملفات لك ، إذا لم تكن قد قمت بذلك بالفعل. يقوم Windows بإخفاء ملحقات الملفات بشكل افتراضي لتبسيط الأشياء. هذه الخطوة ليست ضرورية على ماك أو لينكس ، والتي تظهر هذه المعلومات بشكل افتراضي.

في Windows 8 أو 10 ، يمكنك ببساطة النقر فوق علامة التبويب "عرض" على الشريط وتحقق من مربع "ملحقات أسماء الملفات" لجعلها مرئية. في Windows 7 ، انقر فوق تنظيم> خيارات المجلد والبحث ، وانقر فوق علامة التبويب "عرض" ، وقم بإلغاء تحديد "إخفاء الامتدادات لأنواع الملفات المعروفة".

ستقوم الآن بإنشاء ملف userChrome.css ، وهو في الحقيقة مجرد ملف نصي فارغ بامتداد .css بدلاً من الامتداد .txt.

للقيام بذلك ، انقر بزر الماوس الأيمن في الجزء الأيسر هنا وحدد New> Text Document. قم بتسمية "userChrome.css" مع التأكد من إزالة ملحق الملف txt.

سيحذرك Windows من تغيير امتداد الملف وقد يمثل ذلك مشكلة لأنواع معينة من الملفات. انقر فوق "نعم" لتأكيد التغيير الخاص بك.

في نظام macOS أو Linux ، قم بإنشاء ملف نصي فارغ بنفس الاسم.

كيفية تحرير ملف userChrome.css

يمكنك استخدام أي محرر نصوص لتحرير الملف userChrome.css. محرر النص المفكرة المتضمنة في Windows يعمل بشكل جيد. إذا كنت تريد محرر نصوص أكثر قوة مع المزيد من الميزات ، فنحن نحب المفكرة++.

لتحرير الملف في Notepad ، انقر بزر الماوس الأيمن عليه واختر "تحرير".

أضف أي تعديلات تريدها على الملف من خلال نسخها ولصقها. إذا أضفت تعديلات متعددة ، فتأكد من إضافتها جميعًا على خطوطها الخاصة.

بمجرد الانتهاء من ذلك ، قم بحفظ الملف بالنقر فوق ملف> حفظ في "المفكرة".

عندما تقوم بتحرير ملف userChrome.css ، سيتعين عليك إغلاق جميع نوافذ فايرفوكس المفتوحة وإعادة تشغيل فايرفوكس حتى تسري تغييراتك.

إذا وجدت نفسك تعود إلى مجلد "chrome" بشكل متكرر لتحرير ملف userChrome.css ، فقد تحتاج إلى إنشاء اختصار على سطح المكتب إلى المجلد أو إضافته إلى مجلدات "الوصول السريع" في مستكشف الملفات.

ملف userContent.css

يحتوي Firefox أيضًا على ملف userContent.css يمكنك تحريره ، وقد تتعثر عبر بعض التعديلات التي تقول إنها للملف userContent.css.

لاستخدام هذا الملف ، ما عليك سوى إنشاء ملف باسم "userContent.css" في نفس المجلد مثل مجلد Chrome. تؤثر التعديلات التي قمت بوضعها في هذا الملف على "صفحات المحتوى" الداخلية الخاصة بـ Firefox ، مثل صفحات علامة التبويب الجديدة والخيارات.

مساعدة ، أنا كسر شيء ما!

إذا واجهت مشكلة في قرص ، يمكنك فقط إزالته من ملف userChrome.css وإعادة تشغيل Firefox. إذا لم ينجح ذلك ، فيمكنك حذف ملف userChrome.css بالكامل وإعادة تشغيله لمحو جميع التغييرات والحصول على واجهة Firefox جديدة.