طريقة التعديل على ملف style.css من خلال Chrome Developer Tools مباشرة مع حفظ التعديلات

لا اعلم هل هذة الطريقة معروفة ام لا تعرفت عليها عن طريق التجربة

الطريقة بسيطة كالتالي :

بعد اضافة ملف الاستايل للصفحة عن طريق Chrome Developer Tools >> Sources

2 نفتح ملف الاستايل style.css ونحفظ الملف عن طريق Save As

3 اذهب الى Elements وتعديل على واضافة خصائص للعنصر المحدد

ولكن عيب هذة الطريقة انه لابد من اضافة العنصر الى ملف style قبل التعديل عليه

لا اعرف هل توجد اضافات تقوم بنفس المهمة

جربت Firebug على كروم لا تدعم الاكمال التلقائي << لم اتعمق في فيها كثيراً من خلال تجربتي *ربما تدعم الاكمال و الحفظ التلقائي

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

ان كنت تقصد css rule في

ولكن عيب هذة الطريقة انه لابد من اضافة العنصر الى ملف style قبل التعديل عليه

يمكنك الضغط على علامة + في الاعلى لاضافة css rule جديدة

أو ان تضغط على سطر جديد فحسب ليفتح rule جديد

أظنك تقصد اضافة خاصية في rule ؟

نعم هذا ما اقصده

نعم ولكن عند اضافة rule لا يتم حفظ التغيرات ( الخصائص ) لهذا العنصر عند عمل تحديث ما اقصده انه لابد من اضافة rule اما من محرر خارجي او من نفس الاداة من Sources

ارجوا ان يفيدك الرابط

يوجد طريقة مرتبطة بالمحرر Sublime Text اذا كنت تمتلك المحرر يمكنك تنصيب الاضافة LiveStyle على المحرر وعلى الكروم

وعندما تريد تحرير اى عنصر inspect element ستظهر لك بجوار console تبويب خاص بـ LiveStyle اختار التبويب

وقم بتحديد ملف الـ style المرتبط بالصفحة المراد التعديل عليها واى تعديل يتم من خلال المتصفح سيكتب فى المحرر

وعند الانتهاء اذهب الى المحرر وقم بحفظ الملف :)