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

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

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

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

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

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

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

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

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


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

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

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

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