2

جلب قيم css من خلال Chrome devTools

مرحبا

هل يمكن جلب خصائص css الموجودة في غوغل غروم او اي متصفح اخر ؟

فمثلا عند اظهار Inspect في غوغل غروم هنالك امكانية تعديل على خصائص css و ما اريده ان اجلب تلك القيم css الى صفحة ويب خاص بي...

صورة في اسفل توضح قيم التي اريدها ان تظهر في صفحة ويب عندما اريد

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

التعليقات

2
يوسف سيد أضف ردا

الأمر يمكن بعدّة طرق منها جلب الخصائص لأحد عناصر الوثيقة ولنقل الجسم كتب مثال بسيط هنا:

لأحظ أن أسماء مُتغيّرات التصميم في JS تكون على هذا الشكل backgroundColor وليس background-color كتبت حل لذلك في المثال.

0
forra أضف ردا

رائع جدا شكرا لك

و الان هل يمكن جلب قيمة كل خاصية ؟

مثلا خاصية text-align

خصائصها center-left-right...

1
يوسف سيد أضف ردا

لا أظن ذلك، لكن يمكنك محاولة البحث عن تلك البيانات بداخل صيغة كJSON.

1
forra أضف ردا

نعم صديقي لقد فكرت في ذلك

لكن متصفحات اذا استطعت ان اجلب منها تلك الخصائص فكل ما احتاجه بعد عام او عامين هو تشغيل كود و انتهى :)

اما قاعدة بيانات انت تعرف ماذا سيحدث بعد عاميين وبتالي انا ابحث عن ديناميكية :)

و لكن ذلك سيكون كحل اخير

شكرا لك :)

1
يوسف سيد أضف ردا

وجدتها هنا:

0
forra أضف ردا

رائع جدا شكرا لك ^_^

سوف اعتمد عليه كحل جانبي

اخبرني هل انت مبرمج للويب ؟

انني افكر في تكويد محرر لمطوري الويب يعمل من خلال المتصفح مثل

لكن يعمل offline اي ليس بضرورة ان اتصل بانترنت...

1
يوسف سيد أضف ردا

نعم أنا كذلك، جيّد أتمنى لك التوفيق، أنصحك بقراة هذا المقال إن كنت تريد توفيره لسطح المكتب:

0
forra أضف ردا

لقد قرأته من قبل شكرا لك :)

درس رائع اخي، لقد طبقته كذلك لكن وقتها وجدت الحجم كبير لهذا تركت فكرة برمجة لسطح المكتب بجافاسكربت و node.js....