چگونه در Google Chrome با استفاده از Dev Tools اسکرین شات بگیرید

فهرست مطالب:

چگونه در Google Chrome با استفاده از Dev Tools اسکرین شات بگیرید
چگونه در Google Chrome با استفاده از Dev Tools اسکرین شات بگیرید
Anonim

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

  • در رایانه: Ctrl + Shift + I سپس Ctrl + Shift P را فشار دهید.
  • Mac: Command + Option + I سپس Command + Shift P را فشار دهید.
  • سپس "اسکرین شات" را تایپ کنید تا چهار گزینه اسکرین شات را ببینید.

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

چگونه از ابزارهای برنامه‌نویس Chrome برای گرفتن عکس از صفحه استفاده کنیم

تفاوت بین استفاده از کلید Print Screen و ابزار Chrome در این است که ابزار اسکرین شات Chrome حاشیه‌های پنجره مرورگر Chrome را شامل نمی‌شود و فقط محتوای صفحه وب را شامل می‌شود.اگر می‌خواهید فقط از محتوای صفحه بدون ویرایش عکس‌های صفحه‌نمایش خود عکس بگیرید، ابزارهای توسعه‌دهنده می‌توانند یک قدم از شما صرفه‌جویی کنند.

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

  1. Ctrl + Shift + I را در رایانه شخصی یا Command + Option + I را در Mac فشار دهید. همچنین، روی نماد منوی سه نقطه کلیک کنید و More tools > Developer tools را انتخاب کنید، منوی توسعه دهنده Element Inspector باز می شود که صفحه وب را نشان می دهد. کد نویسی HTML.

    Image
    Image
  2. سپس، Ctrl + Shift P (PC) یا Command + Shift P (Mac) را فشار دهید یا روی منوی سه نقطه کلیک کنید. برای Customize And Control DevTools و Run Command را انتخاب کنید.

    Image
    Image

    فقط برای یک اسکرین شات معمولی یا کامل، روی نماد منوی سه نقطه در بالای صفحه ای که می خواهید بگیرید کلیک کنید و Capture screenshot یا را انتخاب کنید.اسکرین شات در اندازه کامل بگیرید.

  3. "اسکرین شات" را تایپ کنید تا گزینه های اسکرین شات را ببینید که عبارتند از:

    • گرفتن اسکرین شات از ناحیه
    • گرفتن اسکرین شات در اندازه کامل
    • گرفتن اسکرین شات از گره
    • گرفتن اسکرین شات
    Image
    Image
  4. برای انتخاب نوع اسکرین شات موردنظر برای گرفتن با استفاده از ماوس یا کلیدهای پیکان روی صفحه کلید به پایین بروید.

گزینه‌های تصویر برنامه‌نویس Chrome

Capture area screenshot را برای گرفتن بخشی از صفحه انتخاب کنید. از ماوس خود برای کشیدن کادری در اطراف ناحیه ای که می خواهید اسکرین شات بگیرید استفاده کنید.

برای دریافت اسکرین شات از کل صفحه وب، گرفتن اسکرین شات در اندازه کامل را انتخاب کنید. این گزینه به شما امکان می دهد تصویری از یک صفحه وب دریافت کنید که به راحتی روی یک صفحه قرار نمی گیرد.

این گزینه در آزمایش ما نتایج متفاوتی داشت، بسته به وب سایت.

اگر می خواهید یک اسکرین شات استاندارد داشته باشید، گرفتن اسکرین شات را انتخاب کنید، که آنچه را روی صفحه نمایش شما قابل مشاهده است می گیرد.

در نهایت، می توانید با انتخاب Capture Node screenshot، یک اسکرین شات از یک عنصر HTML دریافت کنید.

بعد از گرفتن اسکرین شات، یک کادر محاوره ای ذخیره خواهید داشت. یک پوشه را انتخاب کنید و به اسکرین شات خود یک نام فایل بدهید. همه اسکرین شات های گرفته شده با استفاده از ابزارهای برنامه نویس نیز در مدیریت دانلود Chrome موجود است.

توصیه شده: