במאמר הבא אנו הולכים להסתכל על אפליקציית Responsively. זהו כלי פיתוח חינמי שאנו יכולים למצוא זמין עבור Gnu / Linux, Microsoft Windows ו- macOS. האפליקציה היא דפדפן שונה המשתמש באלקטרון, שיציג אפליקציית אינטרנט במספר מכשירים בו-זמנית, ובחלון בודד המאפשר אינטראקציה עם המשתמש.
כפי שאמרתי, זהו דפדפן שונה שנבנה איתו אֶלֶקטרוֹן כי יכול להיות לעזר בפיתוח אתרים רספונסיבי. אפליקציה זו פורסמה לראשונה בתחילת 2020 והיא כבר די פופולרית בקרב מפתחי אתרים. רבים רואים בו כלי פיתוח חובה עבור כל מפתחי הקצה, מכיוון שהוא יכול להקל מאוד על העבודה.
מאפיינים כלליים של APP Responsively
- אינטראקציות שיבוצעו על ידי המשתמש ישוכפלו בכל המכשירים. פעולה (כמו לחיצה, גלילה וכו'.) שאנו מבצעים באחד מהמכשירים ישוכפלו בכל האחרים בזמן אמת. אפשרות זו ניתנת לביטול באחד או בכל המכשירים שהפעלנו.
- לנו זה יאפשר לבסס את הנטייה של המכשירים, לפי מה שאנחנו צריכים.
- אנחנו נמצא מעל 30 פרופילי מכשירים מובנים, עם אפשרות להוסיף מכשירים מותאמים אישית. אלה כוללים את מכשיר מצב התגובה המיוחד לשינוי גודל מסך באופן חופשי.
- התוכנית תיתן לנו את האפשרות בדוק כל פריט בכל מכשיר בלחיצה אחת בלבד.
- אנחנו יכולים צלם צילום מסך של כל המכשירים או מכשיר מסוים.
- זה יכול טען מחדש בכל המכשירים בזמן אמת בכל שמירת HTML / CSS / JS.
- האפליקציה גם Iכולל עורך CSS חי, ומצב עיצוב, המאפשר למשתמשים לערוך HTML ישירות ללא כלי פיתוח. יש לו גם אפשרויות אמולציית מהירות רשת, זום, השבתת אימות SSL ותמיכה בפרוטוקולים שונים, בין דברים רבים אחרים.
- גם נמצא תמיכת פרוקסי רשת, ערכות נושא בהירות וחשוכים.
- התוכנית תציע לנו סדרה של קיצורי מקשים כדי להקל על העבודה.
- אנחנו יכולים גם להשתמש הרחבות דפדפן אופציונליות (עבור Chrome, Firefox ו-Edge), המשמשים לשליחת קישורים בקלות מדפדפן האינטרנט לאפליקציה Responsively, ולקבל תצוגה מקדימה של העמוד באופן מיידי.
אלה רק חלק מהתכונות של תוכנית זו. הם יכולים להתייעץ עם כולם בפירוט מה אתר הפרויקט.
הורד את אפליקציית Responsively
ניתן למצוא יישום זה זמין לשימוש באובונטו כקובץ AppImage. הקובץ הזה נוכל למצוא אותו זמין עבורך להורדה באתר הפרויקט. בנוסף להורדה מדפדפן האינטרנט, נוכל גם לפתוח מסוף (Ctrl + Alt + T) ולהפעיל את wget בדרך הבאה כדי להוריד את הגרסה העדכנית ביותר שפורסמה היום:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
כדי להשתמש בקובץ AppImage שזה עתה הורדנו, פשוט לחץ לחיצה ימנית על הקובץ הזה, בחר מאפיינים ותחת הרשאות, חפש את האפשרות שמציינת שאנו מאפשרים להפעיל את הקובץ כתוכנית. אפשרות נוספת לתת לו את ההרשאות הדרושות, תהיה לפתוח מסוף (Ctrl + Alt + T) וללכת לתיקיה שבה נשמרה אותו ולכתוב את הפקודה:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
לאחר שעשית זאת, כדי להפעיל את התוכנית אתה רק צריך ללחוץ פעמיים על קובץ .AppImage. ניתן להפעיל אותו גם על ידי הפעלה בטרמינל:
./ResponsivelyApp-0.18.0.AppImage
אם אתה רוצה התקן את ההרחבות לדפדפן האינטרנט, בעזרתן תוכל לשלוח קישורים מהדפדפן שלך בקלות לאפליקציה ולקבל תצוגה מקדימה מיידיתכל שעליכם לעשות הוא לעבור לדף ההורדה של הפרויקט ולגלול מטה לתחתית האינטרנט. שם נמצא את הרחבות עבור Firefox, Chrome או Edge.
כפי שצוין מה מאגר GitHub של הפרויקטאם למשתמש כלשהו יש בעיות בשימוש באפליקציה, הוא יכול לפתוח בעיה ולדווח עליה בהמשך קישור. למידע נוסף על פרויקט זה, משתמשים יכולים לעבור אל אתר הפרויקט.