Site Assistant
Hi! How can I help you today?
מדריך Claude Code

18. דפדפן, שליטה במחשב ו-Artifacts

חלק ד׳: מתקדםפרק 18 מתוך 23זמן קריאה: כ-12 דקות

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

שלוש יכולות, שלושה גבולות שונים

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

חלונית הדפדפן (דסקטופ)Claude in ChromeComputer Use
מה זהדפדפן "נקי" בתוך אפליקציית הדסקטופתוסף בכרום שלכםשליטה בכל המחשב
איזה דפדפן/מסךפרופיל נפרד, בלי ההתחברויות שלכםכרום (או Edge/Brave/Arc) עם ההתחברויות שלכםכל המסך: כל אפליקציה פתוחה
מתאים ל…לבדוק אפליקציה בפיתוח, לעיין בתיעודאוטומציה על אתרים אמיתיים: Gmail, Notion, CRMאפליקציות Mac, Simulator, כלים בלי API
זמינותאפליקציית הדסקטופ בלבדCLI, VS Code ודסקטופCLI (מחקר, macOS) ודסקטופ (macOS ו-Windows)
הפעלהמובנה, נפתח לבד או ב-Ctrl+Shift+Bclaude --chrome או /chromeמפעילים בעזרת /mcp (CLI) או בהגדרות (דסקטופ)
שלוש היכולות דורשות אישור מוגבר

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

חלונית הדפדפן בדסקטופ

אפליקציית הדסקטופ (ראו פרק 3: איפה עובדים: טרמינל, דסקטופ, VS Code, ווב ונייד) כוללת "חלונית דפדפן" (Browser pane) מובנית. אפשר לפתוח אותה ב-Cmd+Shift+B ב-Mac או Ctrl+Shift+B ב-Windows, או מתפריט Views. זה דפדפן עם טאבים לכל דבר: אפליקציה שרצה, קבצי HTML/PDF/תמונה/וידאו בפרויקט, ואתרים חיצוניים.

בדיקת האפליקציה שלכם (Preview)

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

  • אפשר להפעיל ולעצור שרתים מהתפריט בסרגל הכלים של הסשן.
  • Persist sessions שומר cookies ו-local storage בין הפעלות שרת, כדי לא להתחבר מחדש כל פעם.
  • תצורת השרת נקבעת אוטומטית לפי הפרויקט, ואפשר לערוך אותה ידנית בקובץ .claude/launch.json.
  • לחיצה על נתיב HTML, PDF, תמונה או וידאו בצ'אט פותחת אותו ישירות בחלונית.

גלישה באתרים חיצוניים

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

  • מסווגי בטיחות בודקים כל פעולת כתיבה (קליק, הקלדה) באתר חיצוני, בכל מצב הרשאות, כולל Auto.
  • רשימת דומיינים מאושרת נבדקת לפני מעבר לאתר חדש, בכל מצב חוץ מ-Auto ו-Bypass.

בפעם הראשונה שקלוד פועל באתר מסוים, מופיעה כרטיסיית אישור עם שלוש אפשרויות: Allow once (חד-פעמי), Always allow (נשמר במכשיר, אפשר לבטל בהגדרות) ו-Deny. כל אתר, כולל תת-דומיינים, צריך אישור נפרד. שרתי הפיתוח וקבצי הפרויקט לא צריכים אישור, כך שהאימות האוטומטי ממשיך לעבוד בלי הפרעות.

גם באתר מאושר, יש גבול

גם אחרי אישור לאתר, קלוד לא יבצע רכישה, ייצור חשבון או יעקוף CAPTCHA בלי אישור נפרד מכם. מודל הבטיחות בחלונית זהה לזה של תוסף Claude in Chrome.

מתי החלונית ומתי התוסף?

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

ארגונים יכולים להגביל גלישה חיצונית: רשימת דומיינים מאושרים/חסומים משותפת עם Claude in Chrome, הגדרת browserExternalPageTools מכבה את כלי קלוד באתרים חיצוניים (אבל משתמשים עדיין יכולים לגלוש), ו-disableBrowserExternalNavigation חוסמת גלישה חיצונית לגמרי, כולל לקלוד וגם למשתמש, ומשאירה שרתי localhost ותצוגות קבצים פעילים.

Claude in Chrome: קלוד בדפדפן האמיתי שלכם

Claude in Chrome הוא תוסף שמחבר את קלוד לדפדפן כרום (או Edge, Brave, Arc, Vivaldi, Opera) שלכם, עם כל ההתחברויות הקיימות. זה מאפשר לקלוד לבדוק אתר בפיתוח, לנפות באגים דרך קונסולת ה-console, למלא טפסים, ולפעול בתוך Gmail, Google Docs, Notion או כל אתר אחר שאתם כבר מחוברים אליו, בלי צורך בחיבור MCP ייעודי.

יכולתדוגמה
ניפוי לייבקורא שגיאות קונסולה ומתקן את הקוד שגרם להן
אימות עיצובמשווה בין מוק שהתקבל ב-Figma לבין מה שנטען בדפדפן
בדיקת אפליקציית וובבודק ולידציה של טפסים, רגרסיות ותהליכי משתמש
אתרים מאומתיםעובד בתוך Gmail, Google Docs, Notion, בלי חיבור API
חילוץ נתוניםשולף מידע מובנה מדפי אינטרנט ושומר אותו מקומית
אוטומציה של משימותהזנת נתונים חוזרת, מילוי טפסים, תהליכים על כמה אתרים
העלאת קבציםמצרף קבצים מהמחשב לשדות העלאה באתר (עד 10MB לכל פעולה)
הקלטת GIFמתעד תהליך שלם בדפדפן כדי לשתף אותו

הפעלה

  1. דרישות מקדימות: כרום/אדג' (או דפדפן Chromium אחר), התוסף Claude in Chrome מגרסה 1.0.36 ומעלה, וחיבור עם /login (מנוי Pro, Max, Team או Enterprise; לא עובד עם מפתח API בלבד).
  2. הפעילו עם הדגל: claude --chrome. בפעם הראשונה מופיע דיאלוג חד-פעמי שמסביר איך עובדות הרשאות אתרים.
  3. בקשו מקלוד להשתמש בדפדפן בשפה טבעית, למשל לנווט לעמוד וללחוץ על משהו. קלוד פותח טאב חדש ומתחיל.
  4. לבדיקת חיבור בכל רגע: /chrome מציג את הסטטוס, מאפשר להתחבר מחדש ולבחור דפדפן, אם יש כמה מחוברים.

כדי לא להוסיף את הדגל בכל פעם, הריצו /chrome ובחרו "Enabled by default". שימו לב: הפעלה קבועה מגדילה את צריכת ההקשר, כי כלי הדפדפן תמיד נטענים.

לך ל-code.claude.com/docs, לחץ על תיבת החיפוש,
הקלד "hooks" ותגיד לי אילו תוצאות מופיעות

דוגמאות שימוש

  • בדיקת אפליקציה מקומית: "פתח את localhost:3000, נסה לשלוח את הטופס עם נתונים לא תקינים ובדוק שהודעות השגיאה מופיעות".
  • ניפוי console: ציינו דפוסים ספציפיים לחיפוש ("בדוק שגיאות בקונסולה בטעינת הדשבורד") כי הלוגים יכולים להיות ארוכים.
  • מילוי טפסים אוטומטי: "לכל שורה בקובץ contacts.csv, היכנס ל-CRM ומלא שם, אימייל וטלפון".
  • עבודה על כמה אתרים ברצף: "בדוק את הפגישות שלי מחר, ולכל משתתף חיצוני חפש את אתר החברה שלו והוסף הערה".

בכל שיחה, ברגע הראשון שקלוד פועל באתר, מופיעה בקשת אישור שמתחילה ב-"Claude in Chrome wants to" עם אפשרות לאשר את כל הפעולות באתר הזה לכל הסשן. הרשאות אתר מנוהלות מתוך הגדרות התוסף עצמו בכרום.

זה הדפדפן האמיתי שלכם

בניגוד לחלונית בדסקטופ, Claude in Chrome משתף את ה-session האמיתי שלכם: חשבונות מחוברים, עוגיות, היסטוריה. כשקלוד נתקל בהתחברות או ב-CAPTCHA, הוא עוצר ומבקש מכם לטפל בזה ידנית. אשרו רק אתרים שאתם סומכים על הפעולה בהם, ובדקו מדי פעם אילו אתרים אושרו.

Computer Use: שליטה בכל המחשב

Computer Use הולך צעד אחד רחוק יותר מדפדפן: הוא נותן לקלוד לפתוח אפליקציות, ללחוץ, להקליד ולראות את המסך שלכם, בדיוק כמו שאתם הייתם עושים. זה שימושי למשימות שדורשות ממשק גרפי ואין להן API או שורת פקודה: לקמפל אפליקציית Swift ולבדוק אותה, לבדוק זרימת onboarding באפליקציית Electron, לשחזר באג ויזואלי שקורה רק בגודל חלון מסוים, או להפעיל כלי GUI בלבד כמו ה-iOS Simulator.

מתי קלוד בוחר ב-Computer Use

קלוד תמיד מנסה קודם את הכלי המדויק ביותר: שרת MCP ייעודי אם קיים, פקודת טרמינל אם זה מתאים, Claude in Chrome אם זו משימת דפדפן. Computer Use נשמר למה שאין לו חלופה: אפליקציות Native, סימולטורים וכלים בלי API.

הפעלה (CLI)

ב-CLI, Computer Use הוא מחקר בשלב מוקדם (research preview), זמין רק ב-macOS, ורק במנוי Pro או Max (לא Team או Enterprise), ורק בסשן אינטראקטיבי (לא עם -p).

  1. פתחו את /mcp ומצאו את השרת computer-use ברשימה, מסומן ככבוי כברירת מחדל.
  2. בחרו Enable. ההגדרה נשמרת לכל פרויקט בנפרד.
  3. אשרו הרשאות macOS: Accessibility (קליק, הקלדה, גלילה) ו-Screen Recording (ראיית המסך). יכול לדרוש הפעלה מחדש של Claude Code אחרי אישור Screen Recording.

בדסקטופ, ב-Mac וגם ב-Windows, מפעילים דרך מתג בהגדרות (Settings → General → Desktop app).

אישור אפליקציות לכל סשן

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

אזהרה בבקשת האישורחלה על
Equivalent to shell accessTerminal, iTerm, VS Code, Warp וכלי עריכה/טרמינל אחרים
Can read or write any fileFinder
Can change system settingsSystem Settings

רמת השליטה גם משתנה לפי סוג האפליקציה: דפדפנים ופלטפורמות מסחר הם לצפייה בלבד, טרמינלים ו-IDE הם קליק בלבד (בלי הקלדה), וכל השאר מקבל שליטה מלאה.

איך זה מתנהג בפועל

  • סשן אחד בכל פעם: Computer Use נעול לסשן אחד. סשן שני שמנסה להשתמש בו נכשל עם הודעה שמציינת מי מחזיק את הנעילה.
  • אפליקציות מוסתרות בזמן העבודה: כשקלוד שולט במסך, אפליקציות גלויות אחרות מוסתרות. חלון הטרמינל שלכם נשאר גלוי ולא נכלל בצילומי מסך, כך שקלוד לא "רואה" את הפלט שלו.
  • עצירה מיידית: Esc בכל מקום עוצר את הפעולה הנוכחית, וכך גם Ctrl+C בטרמינל. קלוד עוצר, מחזיר אפליקציות מוסתרות ומחזיר לכם שליטה.
גבול אמון שונה מ-Sandbox

בניגוד ל-Bash מבודד (פרק 7: הרשאות ובטיחות), Computer Use רץ על שולחן העבודה האמיתי שלכם עם גישה לאפליקציות שאישרתם. קלוד בודק כל פעולה ומסמן ניסיונות הזרקת הוראות מתוכן שעל המסך, אבל זה לא sandbox: אשרו רק אפליקציות שהמשימה באמת דורשת.

Artifacts: פרסום דף חי מתוך השיחה

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

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

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

יצירה ועדכון

קלוד עשוי לפרסם Artifact ביוזמתו כשהפלט מתאים לדף, או שאפשר לבקש ישירות בשפה טבעית:

תבנה Artifact שעובר על ה-PR הזה עם הדיף מסומן ומוער בשוליים.

במצב Auto, מסווג בודק את הפרסום בלי לשאול. במצבי Manual ו-Accept edits, קלוד מבקש אישור לפני הפרסום הראשון. אחרי אישור ראשון, פרסומים חוזרים לאותו Artifact לא דורשים אישור נוסף (חוץ ממקרים כמו הפעלת יכולת חדשה או שיתוף פומבי). כדי לעדכן דף קיים, מבקשים מקלוד לתקן ולפרסם מחדש, או נותנים לו את הכתובת אם זה סשן אחר:

עדכן את https://claude.ai/code/artifact/5fbea6f3-... עם הנתונים של השבוע.

הפקודה /artifacts מציגה את כל ה-Artifacts שלכם, ו-Ctrl+] פותח מחדש את ה-Artifact האחרון שהסשן פרסם.

שיתוף והרשאות

Artifact חדש נראה רק לכם. משתפים מתוך כפתור Share בראש הדף:

מסלול שיתוףזמין ב…
בתוך הארגון (אנשים נבחרים או כולם)Team, Enterprise
קישור פומבי, בלי צורך בהתחברותכל התוכניות; ב-Team/Enterprise רק אחרי הפעלה מנהלתית
מתן הרשאת עריכה (Editor)Team, Enterprise

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

נתונים חיים ועיצוב

אפשר לבקש מ-Artifact למשוך נתונים עדכניים בכל טעינה דרך חיבורי MCP (פרק 12: חיבור לכלים חיצוניים (MCP)), כך שדשבורד יציג מידע רענן ולא תמונת מצב קפואה. כל צופה משתמש בחיבור שלו, ולכן שני אנשים שפותחים את אותו דף עשויים לראות תוצאות שונות. Artifact עם קריאות מחבר לא ניתן לשתף בקישור פומבי.

קלוד מיישם עיצוב מוקפד אוטומטית, ובודק קודם אם יש מערכת עיצוב קיימת בפרויקט. כדי לשמור על מיתוג עקבי, רשמו טוקני עיצוב (צבעים, טיפוגרפיה, מרווחים) ב-CLAUDE.md. למיפוי מסך, זרימת מסכים או עמוד נחיתה, הפקודה /design יוצרת "קנבס" של כמה artboards שאפשר לערוך ויזואלית.

מגבלות הדף של Artifact

Claude Code עוטף את הקובץ שפורסם ב-CSP מחמיר: הדף יכול לטעון פונטים מ-Google Fonts וספריות רק מארבעה מארחי CDN (cdnjs, jsDelivr תחת /npm/, Tailwind CDN ו-jQuery CDN). כל תמונה, סקריפט וגיליון סגנון חיצוניים אחרים חסומים, ולכן קלוד מטמיע CSS ו-JS ומקודד תמונות כ-data URI. אין backend, אין הורדת קבצים ישירה (רק דרך יכולת ייעודית שקלוד מצהיר עליה), וקישורים יחסיים לא נפתרים כי שום דבר לא נפרס לצד הדף. גודל הדף המרונדר מוגבל ל-16MB.

זמינות Artifacts

נדרש מנוי Pro, Max, Team או Enterprise, סשן מחובר עם /login (לא מפתח API בלבד), ומודל דרך Anthropic API (לא Bedrock, Vertex AI או Foundry). ב-Enterprise, Owner צריך להפעיל את היכולת בהגדרות הניהול. כדי לכבות Artifacts לגמרי: /config, "enableArtifact": false בקובץ הגדרות, משתנה סביבה CLAUDE_CODE_DISABLE_ARTIFACT=1, או כלל deny על Artifact בהרשאות (פרק 7: הרשאות ובטיחות).

ניהול ארגוני

Owners ב-Team וב-Enterprise שולטים ב-Artifacts דרך הגדרות הניהול ב-claude.ai: הפעלה/כיבוי כללי, שליטה נפרדת בקריאות MCP מתוך Artifacts, הפעלת שיתוף פומבי, מדיניות שמירה (retention) נפרדת לדפים פרטיים ומשותפים, ולוג ביקורת עם אירועי claude_artifact_*. ארגון שמגביל גישה לרשת צריך להוסיף לרשימה המאושרת גם את *.claudeusercontent.com, שדרכו נטען כל Artifact.

ניפוי תקלות ב-Chrome

אם התוסף לא מתגלה: ודאו שהוא מותקן ומופעל ב-chrome://extensions, שגרסת Claude Code עדכנית (claude --version), שכרום פתוח, ונסו "Reconnect extension" דרך /chrome. ההתקנה הראשונה יוצרת קובץ native messaging host שכרום קורא רק באתחול, כך שלפעמים צריך להפעיל מחדש את הדפדפן. חיבור שנופל אחרי חוסר פעילות ארוך (ה-service worker של התוסף "נרדם") נפתר גם הוא עם "Reconnect extension".

הגבלת ארגון על Computer Use ו-Chrome

שני הכלים כפופים למדיניות ניהול: deniedMcpServers יכול לחסום את שרת claude-in-chrome כך שאפילו בקשת ההתקנה לא תופיע, ורשימת דומיינים מאושרים/חסומים ניתנת לניהול מרכזי דרך הגדרות Chrome Admin, ומשתקפת אוטומטית גם בחלונית הדפדפן בדסקטופ.

בקצרה
  • חלונית הדפדפן בדסקטופ היא פרופיל "נקי" לבדיקת האפליקציה שלכם ולגלישה כללית, בלי ההתחברויות שלכם.
  • Claude in Chrome (claude --chrome או /chrome) משתף את הדפדפן האמיתי שלכם, כולל התחברויות, לאוטומציה על אתרים אמיתיים.
  • Computer Use נותן שליטה בכל המחשב: אפליקציות, לא רק דפדפן. הפעלה דרך /mcp, עם אישור לכל אפליקציה בנפרד ונעילה לסשן אחד בכל פעם.
  • בשלוש היכולות, אשרו אתרים ואפליקציות בזהירות; Esc עוצר Computer Use מיידית.
  • Artifacts הופכים תוצר משיחה לדף חי בכתובת פרטית: אפשר לעדכן, לשתף, לקבל תגובות ולמשוך נתונים חיים דרך MCP.