ویرگول
ورودثبت نام
رهام رفیعی تهرانی
رهام رفیعی تهرانیبرنامه نویسی یک شغل نیست، یک هنره.
رهام رفیعی تهرانی
رهام رفیعی تهرانی
خواندن ۱ دقیقه·۱۰ روز پیش

چطور element مزاحم صفحه رو پیدا کنیم

امروز گزارش شد که در یکی از صفحات اپلیکیشن، یک صفحه ای هست که در حالت موبایل سمت راست صفحه یک فضای ۵۰ پیکسلی خالی پیدا شده و باعث شده صفحه اسکرول افقی بگیره.

مدل قدیمی خودم

میخواستم طبق معمول بشینم کلی المان ها رو بالا پایین کنم تا پیداش کنم. روش همیشگی من اینه که المان های اصلی صفحه ( section ها ) رو یکی یکی حذف میکنم تا ببینم با حذف کردن کدوم بخش مشکل حل میشه. همینطوری میرم داخل تا به المان اصلی برسم.

این بار گفتم از هوش مصنوعی بپرسم ببینم چه روشی پیشنهاد میکنه. واقعا از جوابش کیف کردم. شما هم لذت ببرید:

روش اول : اجرای اسکریپت در کنسول مرورگر

اسکریپت پیشنهادی اول:

اسکریپت پیشنهادی دوم:

روش خوبی بود و تونست خیلی سریع به element هدف نزدیک بشه

روش دوم: اضافه کردن css برای حالت بصری

یک جای خالی پیدا کن و این rule رو اضافه کن:

یا اسکریپت زیر رو در کنسول اجرا کن:

دور همه المان ها رو قرمز میکنه و روش فوق العاده ایه. در اعماق خاطراتم به نظرم میاد که قبلا هم این روش رو استفاده کردم ( هر چند به خاطرات اعتمادی نیست!‌)

روش سوم: ترکیب روش اول و دوم

اسکریپت زیر دور عناصری که عرض بزرگتر از صفحه داره outline قرمز میکشه:

به امید روزهای بهتر :)
موفق باشید :)


هوش مصنوعیhtmlfrontend developmentfrontend
۰
۰
رهام رفیعی تهرانی
رهام رفیعی تهرانی
برنامه نویسی یک شغل نیست، یک هنره.
شاید از این پست‌ها خوشتان بیاید