الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

ممكن نبذه عن google chrome developer tools

بدأه asmaa4all في 22 نوفمبر 2011 · 8 رد · 1,673 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورجمة الله وبركاته

بعد اذنكم محتاجه اعرف معلومات عن google chrome developer tools

قريت شوية بالانجلش لانى مش لاقيه اى مصادر فيها شرح بالعربيه ولكن لم تسعفنى لغتى الانجليزية للاسف

حابه اعرف نبذه بالعربى عشان لما اقرأ بعد كده انجلش اعرف اجمع

وجزاكم الله كل خير :)

#2

هل من مجيب ؟؟

#3

ادوات في جوجل كروم : للمساعدة في تطوير صفحات الويب وتنقيحها مثل (Firebug للفيرفوكس )

other ESTJ thing

اقتباس
Help Me To Help You

0xBAD00DAD.png

#4

متشكره جدا لردك :)

ولكن اريد ان افهم اكتر الموضوع ده بيتم ازاى

يعنى مثلا من بعض الفديوهات اللى شفتها كان بيشرح الاتى

ف اى مكان فاضى نضغط على كليك يمين ونختار

inspect element

بتظهرلى حاجه زى الصوره ف المرفقات (( على حسب علمى ان ده كود html)) لكن مش عارفه ايه اللى مفروض اعمله وهل لو غيرت ف الكود اللى مكتوب ده ايه اللى ممكن يحصل ؟؟

وعذرا لقلة خبرتى :(

post-226125-053589200 1322062501_thumb.j

المرفقات
1.jpg
#5

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

هذه الاضافات تفيدهم في امور كثيرة منها تحليل الموقع او تعديل بعض الامور

بأختصار هذه الاضافات لا تصلح للمستخدم العادي ؟

من امثلة هذه الاضافات هي Bug في الفيروفكس اسمها Firebug في الكروم مش عارف ايش اسمها

المهم هذه الاضافة تتيح للمستخدم مرونة اكبر للتعامل مع مصدر الصفحة

ومصدر اي صفحة كماهو معروف هي اكواد HTML - CSS - Javascript

يعني لما تضغطي بيمين الماوس ثم تختاري عرض مصدر الصفحة يظهر لك اكواد الصفحة

بدل هذه طريقة العرض الكلاسيكية هذه الاضافة نفس فكرة عرض المصدر هذه لكن مع بعض المميزات

الي تسهل على المطور قراءة المصدر وكذلك تمكنه من التعديله عليه وبعض المميزات الاخرى

وهناك اضافات كثيرة كل اضافة لها مميزاته

ان شاء الله تكون وضحت الفكرة

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#6

اهاااااااااااا كده وضحت الفكره الحمد الله :)

متشكره جداااااااااا و جزاكم الله كل خير :)

#7

حابه اعرضلكم الريبورت اللى عملته

http://www.mediafire.com/?m454bxp2ss9bdob

ومعلش تانى لو حد يفهمنى كل ايقونه منهم بتعمل ايه انا كاتبهم اه بس بصراحه مش فاهمه كل ايقونه بتعمل ايه

انا المفروض اعمل للموضوع بريسنتيشن ادام الدكتور فحابه انى اكون فاهمه الموضوع كويس

#8

كل عنصر تحته شرحه , ايش الي مش واضح بالضبط !!

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#9

اها انا معاك ان كل حاجه فعلا تحتها الشرح بتاعها لكن انا حاسه انه كلام اكاديمى

يعنى مثلا ف ال element

The Elements panel allows you to see the web page as the browser sees it. That is, using the Elements panel, you can see the raw HTML, raw CSS styles, the Document Object Model, and manipulate either in real time.

ده الكلام المكتوب ومش فهمته غير لما شوفت فديو ع اليوتيوب بيبين احنا ممكن نغير الالون وحجم الخط واماكن الكومبونت ف الصفحه وغيرها وده من خلال

styles

&

metrics

&

properitis

يمكن انى اجد صعوبه لانى معنديش خلفية سابقه عن الويب ديفيلوبر لكنى مازلت ابحث :)

مواضيع مشابهة