מדריך · Playwright CLI + קלוד קוד

Playwright CLI: קלוד קוד בודק את האתר בעצמו

Playwright CLI הוא כלי חינמי של מיקרוסופט שנותן לסוכן AI כמו קלוד קוד לפתוח דפדפן אמיתי, ללחוץ על כפתורים, למלא טפסים ולצלם מסך. מתקינים אותו בפקודה אחת, מוסיפים את הסקילים שלו, ואז אומרים לקלוד "תבדוק את הדף". הוא רואה מה הוא בנה ומתקן לבד, בפחות טוקנים מ-Playwright MCP.

מה זה Playwright CLI?

קלוד קוד בונה לכם דף נחיתה, אומר "סיימתי", ואתם פותחים את הדפדפן ורואים כפתור שבורח מהמסך בטלפון, טופס שלא נשלח וכותרת שנחתכה. הוא לא ראה את זה, כי הוא אף פעם לא הסתכל. הוא רק כתב קוד.

Playwright CLI פותר בדיוק את זה. זה כלי של מיקרוסופט, מהצוות של Playwright, שנותן לסוכן AI שליטה בדפדפן אמיתי: לפתוח דף, ללחוץ, להקליד, לגלול ולצלם מסך. ככה קלוד קוד בודק את מה שבנה כמו שאתם הייתם בודקים, ומתקן לפני שאתם בכלל מסתכלים.

נכון ל-21 באוקטובר 2026 יש לפרויקט 14,423 כוכבים בגיטהאב, הגרסה האחרונה היא 0.1.22, והוא חינמי וקוד פתוח ברישיון Apache 2.0. לפי ה-README הוא עובד עם קלוד קוד, עם GitHub Copilot ועם כל סוכן קוד אחר.

דף הבית של playwright.dev עם שלושה כלים: Playwright Test, Playwright CLI שמתואר כאוטומציית דפדפן חסכונית בטוקנים לסוכנים כמו קלוד קוד, ו-Playwright MCP
צילום מסך מתוך playwright.dev: שלושת הכלים של Playwright, אוקטובר 2026

איך מתקינים Playwright CLI לקלוד קוד?

צריך Node.js בגרסה 18 ומעלה. לא בטוחים אם יש לכם? תשאלו את קלוד קוד, הוא יבדוק ויתקין אם חסר.

שלב 1: מתקינים את הכלי

npm install -g @playwright/cli@latest

בודקים שהכול עובד עם הפקודה הבאה. אם מופיעה רשימה של פקודות, אתם מוכנים:

playwright-cli --help

שלב 2: מתקינים את הסקילים

סקיל הוא קובץ הוראות שקלוד קוד קורא כדי לדעת איך להשתמש בכלי (יש לי מדריך על סקילים בקלוד קוד אם זה חדש לכם). מריצים מתוך התיקייה של הפרויקט:

playwright-cli install --skills

זהו. מעכשיו קלוד קוד יודע שיש לו דפדפן, ומתי כדאי להשתמש בו.

אפשר גם בלי הסקילים. לפי ה-README, מספיק לכתוב לקלוד להשתמש ב-playwright-cli ולבדוק את playwright-cli --help, והוא כבר יבין לבד אילו פקודות יש.

דף הפרויקט microsoft/playwright-cli בגיטהאב, עם 14.4 אלף כוכבים, רישיון Apache 2.0 וגרסה 0.1.22
צילום מסך מתוך github.com/microsoft/playwright-cli, אוקטובר 2026

איך מבקשים מקלוד קוד לבדוק את האתר?

אחרי ההתקנה פשוט מדברים איתו בעברית. הנה בקשות שעובדות טוב:

פרומפט לדוגמה

תפתח את דף הנחיתה שבנית בדפדפן, תצלם מסך במחשב ובגודל של אייפון, ותתקן כל דבר שנראה עקום או נחתך.

פרומפט לדוגמה

תבדוק את טופס יצירת הקשר: תמלא שם, טלפון ומייל, תלחץ שליחה ותגיד לי אם הופיעה הודעת תודה. אם משהו נשבר, תתקן ותבדוק שוב.

פרומפט לדוגמה

תעבור על כל הקישורים בתפריט, תוודא שכל דף נפתח, ותבדוק אם יש שגיאות בקונסול.

מה שקורה זה לולאה: קלוד בונה, פותח את הדף, מסתכל על צילום המסך, מוצא בעיה, מתקן, ובודק שוב. אתם מקבלים את הדף אחרי שהוא כבר עבר את הבדיקה הראשונה, לא לפניה.

דוגמה מהשטח: דף נחיתה לקליניקה

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

אם תרצו לראות את הדפדפן בזמן שהוא עובד, תדעו שכברירת מחדל הדפדפן רץ ברקע בלי חלון. תבקשו מקלוד לפתוח אותו עם --headed, ותראו אותו לוחץ ומקליד בעצמו.

מה Playwright CLI עושה מאחורי הקלעים?

אתם לא צריכים לזכור אף פקודה, קלוד מריץ אותן בשבילכם. אבל כדאי להבין מה הוא עושה. ככה נראית בדיקה של אפליקציית משימות, מתוך הדמו הרשמי ב-README:

playwright-cli open https://demo.playwright.dev/todomvc/ --headed
playwright-cli type "Buy groceries"
playwright-cli press Enter
playwright-cli screenshot

כל פקודה היא פעולה אחת של משתמש: לפתוח דף, להקליד, ללחוץ על מקש, לצלם. אחרי כל פקודה הכלי שומר תמונת מצב של הדף לקובץ, וקלוד קורא רק את מה שהוא צריך ממנה. יש עוד כמה פקודות שימושיות במיוחד לבדיקת אתרים:

  • open --device="iPhone 15": פותח את הדף כמו שהוא נראה באייפון.
  • screenshot ו-pdf: צילום מסך של הדף או של רכיב אחד, או שמירה כ-PDF.
  • console: מציג את השגיאות שהדף זורק בקונסול.
  • video-start ו-video-stop: מקליט את כל הבדיקה לסרטון, שימושי כדי להראות ללקוח שהטופס עובד.
  • show: פותח לוח בקרה שבו רואים בזמן אמת את כל הדפדפנים שהסוכנים מפעילים, ואפשר גם להשתלט על אחד מהם.
לוח הבקרה של playwright-cli show עם כמה סשנים פתוחים, כל אחד עם תצוגה חיה של הדף ושל הכתובת שלו
מתוך ה-README של microsoft/playwright-cli: לוח הבקרה של הפקודה show, אוקטובר 2026

מה ההבדל בין Playwright CLI ל-Playwright MCP?

אם כבר חיברתם את Playwright MCP לקלוד קוד, כמו במדריך לשכפול סקשן מאתר, ההבדל הגדול בין השניים הוא כמה טוקנים כל אחד שורף.

לפי ה-README של מיקרוסופט, חיבור MCP טוען לחלון ההקשר של קלוד הגדרות של הרבה כלים, ובכל צעד גם עץ ארוך שמתאר את כל הדף. ה-CLI לא שופך את הדף למודל: הוא שומר את המצב לקובץ, וקלוד קורא רק את מה שרלוונטי. בפרויקט גדול, שבו קלוד צריך מקום גם לקוד וגם לחשיבה, זה מורגש.

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

מתי Playwright CLI שווה לכם?

  • אתם בונים דפי נחיתה או אתרים עם קלוד קוד ונמאס לכם לבדוק כל שינוי בעצמכם
  • אתם רוצים לדעת שהאתר נראה טוב בטלפון לפני שהלקוח רואה אותו
  • יש לכם טופס, הרשמה או תשלום שחייבים לעבוד
  • אתם רוצים סרטון קצר שמראה ללקוח שהכול עובד

חשוב לדעת לפני שמתחילים

  • צריך Node.js 18 ומעלה. הכלי עובד במק, בווינדוס ובלינוקס, בכל מקום שיש בו Node.js וקלוד קוד.
  • זה עדיין גרסה מוקדמת. הגרסה היא 0.1.22 ופקודות עוד משתנות. מעדכנים עם אותה פקודת התקנה.
  • הוא חוסך טוקנים, לא מבטל אותם. כל צילום מסך שקלוד מסתכל עליו עולה טוקנים. בדיקה של כל הדפים אחרי כל שינוי קטן תאכל לכם מכסה.
  • זהירות עם התחברויות. עם --persistent הדפדפן שומר עוגיות על הדיסק. אל תתנו לקלוד להתחבר לחשבונות רגישים, כמו בנק או מייל של העסק, בלי לדעת מה הוא עושה שם.
  • סשן ברקע נסגר לבד. דפדפן בלי חלון נסגר אחרי שעה בלי פקודות, וזה בסדר. קלוד פשוט פותח חדש.
  • בודקים אתרים שלכם. הכלי נועד לבדוק את מה שאתם בונים. אתרים של אחרים יכולים לחסום בוטים או לאסור את זה בתנאי השימוש.

השורה התחתונה

קלוד קוד כותב קוד טוב, אבל בלי עיניים הוא מנחש. עם Playwright CLI הוא רואה את התוצאה, ואתם מקבלים דף שכבר נבדק.

שאלות נפוצות על Playwright CLI וקלוד קוד

האם Playwright CLI חינמי?

כן. Playwright CLI הוא כלי קוד פתוח של מיקרוסופט ברישיון Apache 2.0. ההתקנה והשימוש בחינם, ומה שעולה זה רק הטוקנים שקלוד קוד צורך בזמן הבדיקה.

מה ההבדל בין Playwright CLI ל-Playwright MCP?

שניהם נותנים לסוכן AI לשלוט בדפדפן. לפי מיקרוסופט, ה-CLI חסכוני יותר בטוקנים כי הוא לא טוען את כל הדף לחלון ההקשר, ולכן הוא מתאים יותר לסוכני קוד כמו קלוד קוד. ה-MCP מתאים לתהליכים ארוכים שבהם הסוכן צריך לראות את הדף כל הזמן.

צריך לדעת לכתוב טסטים כדי להשתמש בזה?

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

אפשר לראות את הדפדפן בזמן שקלוד עובד?

כן. כברירת מחדל הדפדפן רץ ברקע, אבל עם האפשרות --headed הוא נפתח בחלון רגיל. הפקודה playwright-cli show פותחת לוח בקרה עם כל הדפדפנים הפעילים, ואפשר גם לקחת שליטה ולעזור לו.

Playwright CLI עובד בווינדוס?

כן. הכלי מותקן דרך npm ועובד בכל מערכת שיש בה Node.js בגרסה 18 ומעלה: ווינדוס, מק ולינוקס.

עוד מדריכים שיעזרו לכם לבנות עם קלוד קוד