וובמאסטר - תיכנות ובניית אתרים

מדריך Internet Explorer 9 למפתחים - console

רן בר-זיק ,‏ אינטרנט ישראל‏ ‏/‏ 6 מרץ, 2011
F+
F-

הקונסולה מאפשרת לנו להריץ JavaScript בקלות וביעילות. בואו וננסה אותה! נלחץ על לשונית ה-console, אנו נשים לב שבתחתית יש מקום להכניס טקסט, בואו ונכניס שם את המשפט:

alert('test');
console

אם נלחץ על 'אנטר', אנו נראה שהשורה רצה ואכן יופיע לנו alert!

using console

אנחנו יכולים לכתוב עוד ועוד פקודות לתוך הקונסולה, אך השימוש האמיתי שלה הוא לאו דווקא בהרצת JavaScript ישירות אלא באפשרות שהיא נותנת לסקריפטים להדפיס מידע אליה. כאשר אנו כותבים סקריפטים מורכבים ב-JavaScript, אנו לעתים רוצים להדפיס מסרים כחלק מתהליך הפיתוח. שימוש ב-API של הקונסולה מאפשר לנו לעשות את זה בקלות ומאפשר לנו פיתוח קל יותר. בואו ונדגים - אנא צרו דף HTML פשוט ביותר עם סקריפט שנראה כך:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Test page</title>
        <script>
            var myvar = 'I am Var';
            console.log(myvar);
            console.error(myvar);
            console.warn(myvar);
            console.info(myvar);    
        </script>
    </head>
    <body>
        <h1>This is test page</h1>
        <p>Hello world!</p>
    </body>
</html>

אם נפתח אותו עם כלי המפתחים של אקספלורר 9, אנו נראה את כל ההודעות שרשמנו לקונסולה מסודרות לפי דרגת החומרה שנקבעה להן:

console messeges

במקום alertים מכוערים, קל ופשוט לשלוח הודעות שונות אל הקונסולה ולראות אותן מופיעות. מה שיפה ב-API של הקונסולה הוא שהוא משותף גם לכלי פיתוח של דפדפנים אחרים (ולפיירבאג של פיירפוקס), כך שאפשר להשתמש בו בבטחון מלא.

רן בר-זיק, אינטרנט ישראל

מתכנת PHP מנוסה ובעל ידע רב בפיתוח לאינטרנט על בסיס LAMP. מומחה במערכות דרופל, ג'ומלה ו-וורדפרס. שולט היטב בכל מה שקשור לפרונט אנד: JavaScript: jQuery ו-MooTools,ActionScript 2/3 וכמובן HTML 5 + CSS 3.

אינטרנט ישראל: www.internet-israel.com
תגיות: IE9‏  /  מדריך‏  /  פיתוח‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות