דילוג לתוכן
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. תאימות css בעיצוב לאפליקציה

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

מתוזמן נעוץ נעול הועבר תכנות
14 פוסטים 3 כותבים 435 צפיות 2 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • chagoldC מנותק
    chagoldC מנותק
    chagold
    כתב ב נערך לאחרונה על ידי chagold
    #1

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

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

    תודה.

    רפאלר חגיח 2 תגובות תגובה אחרונה
    0
    • chagoldC chagold

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

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

      תודה.

      רפאלר מנותק
      רפאלר מנותק
      רפאל
      כתב ב נערך לאחרונה על ידי רפאל
      #2

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

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

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

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

      chagoldC תגובה 1 תגובה אחרונה
      9
      • רפאלר רפאל

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

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

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

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

        chagoldC מנותק
        chagoldC מנותק
        chagold
        כתב ב נערך לאחרונה על ידי
        #3

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

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

        רפאלר תגובה 1 תגובה אחרונה
        0
        • chagoldC chagold

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

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

          רפאלר מנותק
          רפאלר מנותק
          רפאל
          כתב ב נערך לאחרונה על ידי
          #4

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

          chagoldC תגובה 1 תגובה אחרונה
          0
          • רפאלר רפאל

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

            chagoldC מנותק
            chagoldC מנותק
            chagold
            כתב ב נערך לאחרונה על ידי
            #5

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

            אני מעלה צילום מהגיטדסטקאפ שרואים את ההיסטוריה.
            76322e28-ae34-4608-9c94-28b947c68da5-image.png

            תגובה 1 תגובה אחרונה
            0
            • chagoldC chagold

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

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

              תודה.

              חגיח מנותק
              חגיח מנותק
              חגי
              כתב ב נערך לאחרונה על ידי
              #6

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

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

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

              chagoldC תגובה 1 תגובה אחרונה
              0
              • חגיח חגי

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

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

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

                chagoldC מנותק
                chagoldC מנותק
                chagold
                כתב ב נערך לאחרונה על ידי chagold
                #7

                @חגי אני אמור להתקין את הadb בתיקיה מסויימת?
                כעת הוא בC:\platform-tools וב-chrome://inspect הוא לא מופיע
                6767a982-7ac2-4ea7-b829-88d1069e77ed-image.png

                חגיח תגובה 1 תגובה אחרונה
                0
                • chagoldC chagold

                  @חגי אני אמור להתקין את הadb בתיקיה מסויימת?
                  כעת הוא בC:\platform-tools וב-chrome://inspect הוא לא מופיע
                  6767a982-7ac2-4ea7-b829-88d1069e77ed-image.png

                  חגיח מנותק
                  חגיח מנותק
                  חגי
                  כתב ב נערך לאחרונה על ידי
                  #8

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

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

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

                  chagoldC תגובה 1 תגובה אחרונה
                  0
                  • חגיח חגי

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

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

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

                    chagoldC מנותק
                    chagoldC מנותק
                    chagold
                    כתב ב נערך לאחרונה על ידי
                    #9

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

                    חגיח תגובה 1 תגובה אחרונה
                    0
                    • chagoldC chagold

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

                      חגיח מנותק
                      חגיח מנותק
                      חגי
                      כתב ב נערך לאחרונה על ידי
                      #10

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

                      chagoldC תגובה 1 תגובה אחרונה
                      1
                      • חגיח חגי

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

                        chagoldC מנותק
                        chagoldC מנותק
                        chagold
                        כתב ב נערך לאחרונה על ידי
                        #11

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

                        chagoldC תגובה 1 תגובה אחרונה
                        0
                        • chagoldC chagold

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

                          chagoldC מנותק
                          chagoldC מנותק
                          chagold
                          כתב ב נערך לאחרונה על ידי
                          #12

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

                          חגיח תגובה 1 תגובה אחרונה
                          2
                          • chagoldC chagold

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

                            חגיח מנותק
                            חגיח מנותק
                            חגי
                            כתב ב נערך לאחרונה על ידי
                            #13

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

                            chagoldC תגובה 1 תגובה אחרונה
                            0
                            • חגיח חגי

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

                              chagoldC מנותק
                              chagoldC מנותק
                              chagold
                              כתב ב נערך לאחרונה על ידי
                              #14

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

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

                              תגובה 1 תגובה אחרונה
                              0
                              • chagoldC chagold התייחס לנושא זה ב
                              • ח חוקר התייחס לנושא זה ב
                              תגובה
                              • תגובה כנושא
                              התחברו כדי לפרסם תגובה
                              • מהישן לחדש
                              • מהחדש לישן
                              • הכי הרבה הצבעות


                              בא תתחבר לדף היומי!
                              • התחברות

                              • אין לך חשבון עדיין? הרשמה

                              • התחברו או הירשמו כדי לחפש.
                              • פוסט ראשון
                                פוסט אחרון
                              0
                              • דף הבית
                              • קטגוריות
                              • פוסטים אחרונים
                              • משתמשים
                              • חיפוש
                              • חוקי הפורום