اذهب إلى المحتوى
  • 0

حفظ تغييرات في DevTools

Abdalrhman Al Atassi

السؤال

السلام عليكم 

هل بامكاني حفظ ما قمت بتعديله على DevTools على المتصفح بحيث عندما افتح الموقع مرة اخر يكون محتفظ ب الاعدادات 

مثلا

 5f15f2bf555d3_.thumb.jpg.e24ee420f6ea778c809f1034c44ab9f9.jpg

قمت هنا ب تغيير بعض الخصائص على موسوعة حسوب هل ب امكاني حفظها بحيث كل ما افتح الموقع تظهر متل هذا الشكل

 

شكرا..

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

نعم بإمكانك الإحتفاظ بهذه الخصائص في متصفحك، عن طريق بعض الإضافات كإضافة CSS and Javascript Injection.

تقوم الإضافة بحقن كود CSS أو جافاسكربت الذي تريده في أي موقع، عليك فقط إضافة التنسيقات للإضافة ( وليس ل devTools ) وستتكلف الإضافة بحفظها وتشغيلها في كل مرة تزور بها الموقع الذي تريده.

هذا مثال لتغير لون خلفية موقع موسوعة حسوب، يمكنك إضافة تنسيقات لأي عنصر تريده، أو classes ...

index.png.972e7247f123734b73569b379ff0ddc8.png

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يوجد طريقة تمكن من حفظ التعديلات إلى ملفات الموقع الذي تعمل عليه مباشرةً دون الحاجة إلى النسخ و اللصق حيث يمكنك ربط ملفات المشروع ب DevTools. و لكن هذه الخاصية متاحة للإستخدام للمواقع التي تعمل أنت على تطويرها فقط. و هي غير ممكنة في الحالة التي تريدها للأسف. 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 48 دقائق مضت قال محمد ربيع زليول:

نعم بإمكانك الإحتفاظ بهذه الخصائص في متصفحك، عن طريق بعض الإضافات كإضافة CSS and Javascript Injection.

تقوم الإضافة بحقن كود CSS أو جافاسكربت الذي تريده في أي موقع، عليك فقط إضافة التنسيقات للإضافة ( وليس ل devTools ) وستتكلف الإضافة بحفظها وتشغيلها في كل مرة تزور بها الموقع الذي تريده.

هذا مثال لتغير لون خلفية موقع موسوعة حسوب، يمكنك إضافة تنسيقات لأي عنصر تريده، أو classes ...

index.png.972e7247f123734b73569b379ff0ddc8.png

 

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

بتاريخ 54 دقائق مضت قال Yomna Raouf:

يوجد طريقة تمكن من حفظ التعديلات إلى ملفات الموقع الذي تعمل عليه مباشرةً دون الحاجة إلى النسخ و اللصق حيث يمكنك ربط ملفات المشروع ب DevTools.

ما هي الطريقة و كيف يمكنني الربط الملف ب DevTools

شكرا...

تم التعديل في بواسطة Abdalrhman Al Atassi
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 9 ساعات قال Abdalrhman Al Atassi:

تمام شكرا لك...

ما هي الطريقة و كيف يمكنني الربط الملف ب DevTools

شكرا...

  • اضغط على كلمة sources في DevTools
  • ثم Filesystem بعد ذلك علامة + 
  • سيظهر لك نافذة لاختيار المجلد / الملفات التي تحتوي المشروع 
  • قم باختيار الملف و ابدأ بالعمل و سيتم نقل التغييرات في ملفات المشروع

Annotation 2020-07-20 225804.jpg

Annotation 2020-07-20 230128.jpg

تم التعديل في بواسطة Yomna Raouf
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 25 دقائق مضت قال Abdalrhman Al Atassi:

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

نعم، سيتم التعديل على كافة صفحات الموقع.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...