
בובת תיאטרון
Puppeteer היא ספריית JavaScript שמספקת ממשק API ברמה גבוהה לצורך אוטומציה של Chrome ו-Firefox באמצעות פרוטוקול Chrome DevTools ו-WebDriver BiDi.
אפשר להשתמש בו כדי לבצע אוטומציה של כל דבר בדפדפן, החל מצילומי מסך ויצירת קובצי PDF ועד ניווט בממשקי משתמש מורכבים ובדיקת הביצועים שלהם.
מושגים
אינטראקציות בדפים
ניתוב נתונים דרך שרת אחר
יצירת צילומי מסך
מצבי ריצה
פוסטים בבלוג
איך eBay שיפרה את שיעורי ההצלחה של ההתחברות ב-10% באמצעות שיתוף חלק של פרטי הכניסה
איך eBay שיפרה את שיעור ההתחברות המוצלחת ב-10% באמצעות קישורי נכסים דיגיטליים לשיתוף חלק של פרטי הכניסה? איך מטמיעים אימות מאובטח בפלטפורמות שונות ומשפרים את חוויית המשתמש.
איך ב-NRK משתמשים באנימציות שמתבססות על גלילה כדי להפיח חיים בסיפורים
איך אנימציות שמתבססות על גלילה או מופעלות על ידי גלילה משפרות כתבות שמתמקדות בסיפורים
איך Spotify השתמשה ב-Picture-in-Picture API כדי לבנות את המיני-נגן של Spotify
לומדים על המיני-נגן של Spotify' הופכים מ "פריצת לוח הציור" לחוויה משופרת שמופעלת על ידי Document Picture-in-Picture API.
מקרים לדוגמה של :has()
גלו את היתרונות של Policybazaar ו-Tokopedia בשימוש ב- :has().
הצגת מקרים לדוגמה של מעברים
RedBus , Policybazaar ו-Tokopedia משתמשים ב-View Transition API ונהנים מביצועים טובים יותר וממשק משתמש חלק.
מקרים לדוגמה של אנימציות שמבוססות על גלילה
מגלים את היתרונות של אנימציות המבוססות על גלילה עם Policybazaar, RedBus ו-Tokopedia.
מקרים לדוגמה בנושא שאילתות על קונטיינרים
מידע נוסף על היתרונות של שאילתות על קונטיינרים מ-redBus ו-Tokopedia.
מקרים לדוגמה בחלון קופץ
חברת Tokopedia משתמשת ב-Popover API כדי להפחית את כמות הקוד באפליקציה שלה.
איך Photoshop פתר את העבודה עם קבצים שגדולים יותר מהמותר בזיכרון
איך Adobe הצליחה לאפשר למשתמשים לערוך גם את הקבצים הגדולים ביותר בגרסה האינטרנטית של אפליקציית Photoshop האיקונית שלה? (המאמר הזה זמין גם כסרטון). ב-2021, Adobe, בשיתוף עם מהנדסי Chrome, השיקה גרסה של Photoshop לאינטרנט. התוכנה משתמשת ב-WebAssembly
איך אפליקציית עריכת התמונות וקטורית Boxy SVG משתמשת ב-Local Font Access API כדי לאפשר למשתמשים לבחור את הגופנים המקומיים המועדפים עליהם
Local Font Access API מספק מנגנון לגישה לנתוני הגופנים שמותקנים באופן מקומי אצל המשתמש, כולל פרטים ברמה גבוהה יותר כמו שמות, סגנונות ומשפחות, וגם הבייטים הגולמיים של קובצי הגופנים הבסיסיים. איך אפליקציית העריכה של קובצי SVG, Boxy SVG, משתמשת ב-API