چه باید بدانیم
- فعال کردن Web Inspector در iOS: به Settings > Safari > > Advanced بروید و سوئیچ Web Inspector به موقعیت روشن تغییر دهید.
- استفاده از Web Inspector در macOS: دستگاه iOS خود را به Mac متصل کنید و URL را برای بازرسی از منوی Develop انتخاب کنید.
اگر با یک باگ یا مشکل دیگری در وب سایت در موبایل سافاری مواجه شدید، از ابزار Web Inspector برای بررسی استفاده کنید. در این مقاله نحوه استفاده از کنسول سافاری برای آیفون برای اشکال زدایی خطاها با کمک رایانه مک خود توضیح داده شده است.دستورالعمل‌ها برای آیفون‌های دارای iOS 14، iOS 12، یا iOS 11، و همچنین مک‌های دارای macOS Big Sur (11.0)، macOS Catalina (10.15)، یا macOS Mojave (10.14) اعمال می‌شود.
Web Inspector را در iPhone یا سایر دستگاه های iOS خود فعال کنید
Web Inspector به طور پیش فرض غیرفعال است زیرا اکثر کاربران آیفون از آن استفاده نمی کنند. با این حال، اگر یک توسعه دهنده هستید یا کنجکاو هستید، می توانید آن را در چند مرحله کوتاه فعال کنید. به این صورت است:
-
آیفون را باز کنید تنظیمات منو.
در آیفونی با نسخه اولیه iOS، از طریق Settings > > سافاری > توسعه دهنده به کنسول Debug دسترسی داشته باشید > کنسول اشکال‌زدایی وقتی سافاری در آیفون خطاهای CSS، HTML و جاوا اسکریپت را تشخیص می‌دهد، جزئیات هر صفحه در دیباگر.
- به پایین اسکرول کنید و روی Safari ضربه بزنید تا صفحه‌ای که حاوی همه چیزهای مربوط به مرورگر وب Safari در iPhone، iPad یا iPod touch شما است باز شود.
- به پایین صفحه بروید و Advanced را انتخاب کنید.
-
سوئیچ Web Inspector را به موقعیت روشن منتقل کنید.
Image
دستگاه iOS خود را به سافاری در مک متصل کنید
برای استفاده از Web Inspector، iPhone یا دستگاه iOS دیگری را به Mac دارای مرورگر وب سافاری متصل کنید و منوی Develop را فعال کنید.
-
با Safari باز، Safari را از نوار منو انتخاب کنید و Preferences را انتخاب کنید. را انتخاب کنید.
Image -
برگه Advanced را انتخاب کنید.
Image -
نمایش منوی توسعه در نوار منو را علامت بزنید و پنجره تنظیمات را ببندید.
Image -
از نوار منوی Safari، Develop را انتخاب کنید و نام دستگاه iOS پیوست شده خود را انتخاب کنید، سپس URL را انتخاب کنید که در زیر Safari ظاهر می شود.برای باز کردن کنسول رفع اشکال برای آن سایت.
Image پس از اتصال دستگاه خود، از مک خود برای بررسی وب سایتی که می خواهید اشکال زدایی کنید استفاده کنید و آن را در مرورگر تلفن همراه Safari باز کنید.
Web Inspector چیست؟
توسعه دهندگان وب از Web Inspector برای اصلاح، اشکال زدایی و بهینه سازی وب سایت ها در Mac و دستگاه های iOS استفاده می کنند. با باز بودن Web Inspector، توسعه دهندگان می توانند منابع موجود در یک صفحه وب را بررسی کنند. پنجره Web Inspector حاوی HTML قابل ویرایش و یادداشت هایی در مورد سبک ها و لایه های صفحه وب در یک پانل جداگانه است.
قبل از iOS 6، مرورگر وب iPhone Safari دارای یک کنسول Debug داخلی بود که توسعه دهندگان از آن برای یافتن نقص های صفحه وب استفاده می کردند. نسخه‌های اخیر iOS به جای آن از Web Inspector استفاده می‌کنند.
با Safari 9 و OS X Mavericks (10.9)، اپل حالت طراحی واکنشگرا را در Web Inspector معرفی کرد. توسعه‌دهندگان از این شبیه‌ساز داخلی برای پیش‌نمایش چگونگی مقیاس‌بندی صفحات وب به اندازه‌ها، وضوح‌ها و جهت‌های مختلف صفحه استفاده می‌کنند.
