استفاده از قابلیت inspect element در آیفون
اگر شما هم برنامه نویس front end می باشید یکی از مهم ترین وظایف شما کار با نسخه ی واقعی موبایل می باشد. اما مشکلی که وجود دارد این است که در پروداکشن واقعی شما گاهی نیاز دارید تا با قابلیت inspect element به بخش های مختلف صفحه در تلفن همراه خود که iphone می باشد دسترسی داشته باشید.
در این نوشته به روش استفاده از inspect element در مرورگر safari دستگاه ios شما می پردازیم. پیش نیاز این آموزش داشتن یک کامپیوتر رومیزی یا لپ تاپ با سیستم عامل mac os و یک دستگاه همراه یا تبلت ios می باشد.
همراه ما باشید.
این آموزش به صورت ویدیویی نیز تهیه شده است:
استفاده از قابلیت inspect element در آیفون
برای فعال کردن و دسترسی به inspect element در آیفون مراحل زیر را دنبال کنید:
- ابتدا وارد setting آیفون خود شوید و در آن اسکرول کنید تا به گزینه ی safari برسید:
- بعد از این مرحله مجدد اسکرول کنید و وارد گزینه ی advanced شوید.
- حالا گزینه ی web inspector را فعال کنید.
- خب مراحل مربوط به آیفون/آیپد شما تمام شد حالا کافیست وارد مرورگر safari روی دستگاه آیفون/آیپد خود شوید و یک صفحه ی وب را باز کنید.
- دستگاه آیفون/آیپد خود را با کابل به دستگاه mac خود وصل کنید.
- حالا روی دستگاه mac خود برنامه ی safari را باز کنید و سپس از منوی بالای مک روی گزینه ی safari بروید و گزینه ی settings را بزنید.
- در بخش تنظیمات روی گزینه ی advanced بزنید و سپس گزینه ی show develop menu in menu bar بزنید.
- بعد از آن تنظیمات را ذخیره کنید و سپس در تب develop در منوی بالای safari دستگاه خود را انتخاب کنید.
- سپس از بین صفحات باز در مرورگر خود یکی را انتخاب کنید و حالا پنجزه ی inspect element باز می شود.
- حالا به سادگی با هر تغییری تغییرات را در دستگاه آیفون/آیپد خود مشاهده کنید.
- پایان.!
اگر سوالی در ارتباط با این آموزش دارید در بخش نظرات همین نوشته برای ما بنویسید.
موفق باشید.