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

רן בר-זיק ‏ • Internet Israel

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

alert('test');

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

אנחנו יכולים לכתוב עוד ועוד פקודות לתוך הקונסולה, אך השימוש האמיתי שלה הוא לאו דווקא בהרצת 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, אנו נראה את כל ההודעות שרשמנו לקונסולה מסודרות לפי דרגת החומרה שנקבעה להן:

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

תגיות: IE9, מדריך, פיתוח

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

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

עוד בנושא זה

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

תגיות