چگونه حالت طراحی واکنشگرا را در سافاری فعال و استفاده کنیم

فهرست مطالب:

چگونه حالت طراحی واکنشگرا را در سافاری فعال و استفاده کنیم
چگونه حالت طراحی واکنشگرا را در سافاری فعال و استفاده کنیم
Anonim

چه باید بدانیم

  • برای فعال کردن: Preferences > Advanced را انتخاب کنید > نمایش منوی توسعه در نوار منو را انتخاب کنید. روشن.
  • برای استفاده: Develop > ورود حالت طراحی پاسخگو در نوار ابزار Safari را انتخاب کنید.

این مقاله نحوه فعال کردن حالت طراحی پاسخگو در Safari 9 تا Safari 13، در OS X El Capitan از طریق macOS Catalina را توضیح می دهد.

چگونه حالت طراحی واکنشگرا را در سافاری فعال کنیم

برای فعال کردن حالت طراحی پاسخگو سافاری به همراه سایر ابزارهای توسعه دهنده سافاری:

  1. به منوی Safari بروید و Preferences را انتخاب کنید.

    برای دسترسی سریع به Preferences، میانبر صفحه کلید Command+ ،(کاما) را فشار دهید.

  2. در کادر گفتگوی Preferences ، برگه Advanced را انتخاب کنید.

    Image
    Image
  3. در پایین کادر گفتگو، کادر نمایش منوی توسعه در نوار منو را علامت بزنید.

    Image
    Image
  4. اکنون Develop را در نوار منوی بالای سافاری خواهید دید.

    Image
    Image
  5. Develop > را در نوار ابزار Safari وارد کنید را انتخاب کنید.

    میانبر صفحه کلید Option+ Command+ R را فشار دهید تا سریعاً به حالت طراحی پاسخگو وارد شوید..

    Image
    Image
  6. صفحه وب فعال در حالت طراحی واکنشگرا نمایش داده می شود. در بالای صفحه، یک دستگاه iOS یا وضوح صفحه را انتخاب کنید تا ببینید صفحه چگونه ارائه می‌شود.

    Image
    Image
  7. متناوباً، با استفاده از منوی کشویی بالای نمادهای وضوح، ببینید صفحه وب شما چگونه در پلتفرم‌های مختلف نمایش داده می‌شود.

    Image
    Image

ابزار توسعه دهنده سافاری

علاوه بر حالت طراحی پاسخگو، منوی توسعه سافاری گزینه های مفید دیگری نیز ارائه می دهد.

Image
Image

باز کردن صفحه با

صفحه وب فعال را در هر مرورگری که در حال حاضر در Mac نصب شده است باز می کند.

عامل کاربر

وقتی User Agent را تغییر می دهید، می توانید یک وب سایت را فریب دهید که فکر کند از مرورگر دیگری استفاده می کنید.

نمایش بازرس وب

همه منابع یک صفحه وب از جمله اطلاعات CSS و معیارهای DOM را نمایش می دهد.

نمایش کنسول خطا

خطاها و هشدارهای جاوا اسکریپت، HTML و XML را نشان می دهد.

نمایش منبع صفحه

به شما امکان می دهد کد منبع صفحه وب فعال را مشاهده کنید و محتویات صفحه را جستجو کنید.

نمایش منابع صفحه

اسناد، اسکریپت ها، CSS و سایر منابع را از صفحه فعلی نمایش می دهد.

نمایش ویرایشگر اسنیپت

به شما امکان می دهد قطعات کد را ویرایش و اجرا کنید. این ویژگی از منظر آزمایش مفید است.

Show Extension Builder

با بسته‌بندی کدهای خود و اضافه کردن ابرداده به شما کمک می‌کند برنامه‌های افزودنی سافاری بسازید.

شروع ضبط خط زمانی

به شما امکان می دهد درخواست های شبکه، اجرای جاوا اسکریپت، رندر صفحه و سایر رویدادها را در WebKit Inspector ضبط کنید.

کشهای خالی

همه کش های ذخیره شده در سافاری، نه تنها فایل های کش استاندارد وب سایت را حذف می کند.

غیرفعال کردن کش

با غیرفعال کردن حافظه پنهان، هر بار که درخواست دسترسی ارائه می شود، منابع از یک وب سایت دانلود می شوند، برخلاف استفاده از حافظه پنهان محلی.

اجازه دادن جاوا اسکریپت از فیلد جستجوی هوشمند

به طور پیش فرض به دلایل امنیتی غیرفعال شده است، این ویژگی به شما امکان می دهد URL های حاوی جاوا اسکریپت را در نوار آدرس سافاری وارد کنید.

توصیه شده: