How to install Google Chrome firebug to view the source code of websites

How to install Google Chrome firebug to view the source code of websites

firebug is an essential tool for any web developer - it allows the real-time view of the source code of any web site easily and accurately. What makes the firebug so useful and effective is the option to select any object in any site and get the specific source of that object.

Easy 637 views

What You'll Need

  • HTML
  • קוד מקור
  • פיירבאג
  • Firebug
  • תוסף לכרום

Steps

  1. 1

    Step 1

    Step 1
    הכנסו דרך דפדפן הכרום לכתובת : https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ולחצו על כפתור ה"התקן". פעולה זו תתקין את התוסף לדפדפן הכרום שלכם.
  2. 2

    Step 2

    Step 2
    בחלקו העליון של המסך תוכלו לראות שנוסף לכם האייקון של firebug (בצורת ג'וק).
  3. 3

    Step 3

    Step 3
    הכנסו לאתר שברצונכם לראות את קוד המקור שלו ולחצו על האייקון של firebug (אפשר גם ללחוץ על F12). תוכלו לראות שנפתח חלון בחלק התחתון של המסך.
  4. 4

    Step 4

    Step 4
    בתפריט של החלון התחתון לחצו על אופצית ה"HTML" ותוכלו לראות את כל קוד המקור של הדף.
  5. 5

    Step 5

    Step 5
    בכדי לבדוק אלמנט ספציפי בדף ולראות את קוד המקור שלו כמו למשל תמונה, מסגרת, לינק וכו' לחצו על כפתור ה"inspect element" בתפריט של החלון התחתון והצביעו עם העכבר על האלמנט בדף האינטרנט. כל הקוד שבונה את האלמנט יוצג בחלון התחתון.

Related Guides

How to choose and buy your website domain name

How to choose and buy your website domain name

The name of the site says everything, it must be catchy, short, concise and yet tell what is behind the business. These few easy steps will explain how to choose and buy a domain name for your website.

Easy 1K views
מדריך HTML מספר 1 - הכרות

מדריך HTML מספר 1 - הכרות

פירוש הקיצור HTML הוא Hyper Text Markup Languge - שפה זו היא שפת תגיות (בניגוד לשפת תכנות) שיוצרות ומעצבות דפי אינטרנט. קוד HTML ישמרו על דפי טקסט פשוטים. דפים אלו יכילו את התגיות המדוברות, מלל וסימונים שיתנו הוראות כיצד על הדפדפן להראות את דף האינטרנט. במדריך זה אראה לכם כיצד לכתוב תגיות html פשוטות וכיצד לראות אותן בתצורת דף אינטרנט.

Easy 1K views

טיפים לבונה אתרים מתחיל

אז החלטת להיות בונה אתרים ! ברוך הבא לתחום. מדריך קצר זה יתן לך כמה טיפים בכוון הנכון !

Medium 965 views
איך למדוד מהירות של אתר בעזרת pagespeed

איך למדוד מהירות של אתר בעזרת pagespeed

במדריך זה אראה לכם כיצד תוכלו למדוד את המהירות שבה האתר שלכם עולה ועובד בעזרת הכלי החינמי והמצוין pagespeed. כלי זה בוחן את הקוד של האתר ומוצא בו דברים שתוכלו לתקן בכדי להאיץ את מהירות עליית האתר. פשוט וחשוב.

Easy 891 views

איך להכניס את כפתור ה"הפוך לאוהד" (Become a fan) של פייסבוק לאתרכם

בטח יצא לכם כבר לראות באתרים מסויימים כפתור קטן וחמוד שכתוב עליו "Become a fan" או "הפוך לאוהד" וברגע שלחצתם על הכפתור הזה אוטומטית הפכתם להיות אוהדים של האתר בפייסבוק. זהו widget נחמד ששמו Fanbox והוא יכול לעזור לכם מאוד בקידום אתרכם.

Hard 902 views
How to Add Stickers & Emoticons to Facebook Messages: A Step-by-Step Guide

How to Add Stickers & Emoticons to Facebook Messages: A Step-by-Step Guide

Looking to add more personality to your online conversations? This comprehensive guide provides step-by-step instructions on how to add Facebook stickers and expressive Facebook emoticons to your messages on both desktop and mobile. Learn to easily send stickers on Facebook Messenger, discover where to find new sticker packs, and make your chats more engaging and fun.

Easy 48K views