תאימות css בעיצוב לאפליקציה

[chagold]

המרתי אתר לאפליקציה באמצעות websitetoapk.com.
יש הגדרות css של רספונסיביות (@media screen and (max-width: 840px)), או הגדרות בוסטרפ שכשהמסך מתקטן התפריט נהיה בהמבורגר) שבאתר עובדות, אבל באפליקציה (כשאני רואה אותה במחשב שלי עם Memu) התצוגה לא מוגדרת לפי הפיקסלים וכפי הגדרות הmedia הנ"ל, אלא זה כאילו מסך מלא והתצוגה רק מתקטנת לפי רוחב המסך.

1. איך מגדירים את זה עבור האפליקציה?
2. יש כלי בMemu בדומה לכלי המפתחים של כרום ע"מ לתכנת את ה- CSS?

תודה.

[רפאל]

תוסיף את התגית הבאה לhead:

<meta name="viewport" content="width=device-width, initial-scale=1">

מדוע הViewport אינו מוגדר כך כברירת מחדל?

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

[chagold]

@רפאל תודה.
מצאתי שזה היה כבר מוגדר מפעם באתר.

שניתי את ערך הwidth ל600 ועדיין נשאר אותו דבר.

[רפאל]

@chagold אכפת לך לשתף את השורה בה זה מוגדר?

[chagold]

@רפאל לא הבנתי.
מוגדר בדיוק כמו שכתבת.

אני מעלה צילום מהגיטדסטקאפ שרואים את ההיסטוריה.

[חגי]

@chagold אמר בתאימות css בעיצוב לאפליקציה:

יש כלי בMemu בדומה לכלי המפתחים של כרום ע"מ לתכנת את ה- CSS?

תתקין adb במחשב, ותפעיל בכרום אצלך chrome://inspect
ואמור להופיע שם האימולטור של memu עם אפשרות לפתוח כלי מפתחים מתוך הכרום שלך.

[chagold]

@חגי אני אמור להתקין את הadb בתיקיה מסויימת?
כעת הוא בC:\platform-tools וב-chrome://inspect הוא לא מופיע

[חגי]

@chagold אמר בתאימות css בעיצוב לאפליקציה:

@חגי אני אמור להתקין את הadb בתיקיה מסויימת?

הוא מופיע, רק שנראה שהוא לא מריץ כרום

[chagold]

@חגי אתה יודע על דפדפן אחר שהוא כן מריץ?

[חגי]

@chagold
אם מה שהשתמשת בו בשביל להפוך את האתר לאפליקציה משתמש בwebview, הם היו צריכים לאפשר את זה עם שורת קוד, כנראה שהם לא עשו את זה, וזה אומר שאי אפשר לדבג את זה.

[chagold]

@חגי השתמשתי בwebsitetoapk.com. יש לך (או למישהו אחר) המלצה לממיר אחר?

[chagold]

חרשתי הרבה את השוק, ואני ממליץ על האתר הזה, נותן גם בחינם תוצאות טובות (כולל פילוח של הורדות בכל העולם) וגירסת הפרימיום ג"כ הכי זולה מכל החברות האחרות בתחום - 89$ חד פעמי.

[חגי]

@chagold וזה נותן לך גישה לdevtools?

[chagold]

@חגי בפרימיום
https://www.webintoapp.com/plans#:~:text=Get the source code of your App

אבל עוד לא בדקתי את הפרימיום, אני מנסה להסתדר עם הבסיסי