Screenshot از هر صفحه وب در دو حالت تصاویر با کیفیت بالا میگیرد: ناحیه مرئی (دقیقاً آنچه در پنجره مرورگر میبینید) یا کل صفحه (کل صفحه از بالا تا پایین). Screenshots به عنوان فایلهای PNG با رزولوشن بالا ذخیره میشوند.
اسکرینشاتهای بومی مرورگر (با ابزارهای سطح سیستمعامل مانند Cmd+Shift+4 یا Snipping Tool) کل صفحهنمایش شما، از جمله رابط مرورگر، نوارابزارها و سایر پنجرهها را ضبط میکنند. این ابزارها نمیتوانند محتوای زیر خط تا (fold) را ضبط کنند. ابزار Screenshot در DevSuite هر دو مشکل را حل میکند — فقط محتوای صفحه وب را ضبط میکند (بدون رابط مرورگر) و میتواند کل صفحه را اسکرول کند تا یک تصویر یکپارچه از کل صفحه بسازد.
حالت ناحیه قابلمشاهده (visible area) از API بومی ضبط تصویر کروم استفاده میکند تا دقتی پیکسلبهپیکسل داشته باشد. حالت تمامصفحه بهطور خودکار صفحه را اسکرول میکند، هر تایل از viewport را ضبط میکند و آنها را در یک تصویر پیوسته به هم میدوزد. خروجی یک فایل PNG با کیفیت کامل است (متناسب با نسبت پیکسل دستگاه نمایش شما)، بنابراین اسکرینشاتها روی نمایشگرهای Retina و با تراکم پیکسلی بالا کاملاً واضح هستند.
عناصر ثابت (fixed) و چسبان (sticky) مانند هدرها، بنرهای کوکی و ویجتهای چت، در حین ضبط تمامصفحه بهطور خودکار مدیریت میشوند: از آنجا که این ابزار خود صفحه واقعی را اسکرول میکند، نه اینکه تایلها را از یک رندرر headless ترکیب کند، هر عنصری که به viewport سنجاق شده فقط یکبار در موقعیت درست خودش ضبط میشود، نه اینکه در هر تایل تکرار شود. تصاویر با بارگذاری تنبل (lazy-loaded) و محتوایی که فقط با اسکرولشدن به داخل دید رندر میشود نیز بهطور طبیعی هنگام عبور ضبط از روی آنها فعال میشوند، در نتیجه تصویر نهایی همان چیزی را نشان میدهد که یک بازدیدکننده واقعی میبیند، نه یک شبکه از جایگیرهای خالی — موضوعی که برای صفحات فرود پر از تصویر و مقالات طولانی اهمیت زیادی دارد.
دقیقاً آنچه در viewport مرورگر مرئی است캡چر کنید. بدون chrome مرورگر، بدون نوار ابزار، بدون scrollbar. فقط محتوای خالص صفحه وب. یک کلیک،캡چر فوری.
کل صفحه از بالا تا پایین캡چر کنید، شامل تمام محتوای زیر fold. ابزار بهطور خودکار در صفحه اسکرول کرده، هر بخش را캡چر میکند و تایلها را در یک تصویر seamless پیوسته به هم میدوزد.
Screenshots در نسبت پیکسل بومی نمایشگر캡چر میشوند (2x در Retina). نتیجه یک تصویر واضح و با رزولوشن بالا است که حتی با zoom sharp به نظر میرسد.
تصویر캡چرشده به عنوان یک فایل PNG lossless ذخیره شده و فوراً به دستگاه شما دانلود میشود. بدون آپلود ابری، بدون انتظار، بدون حساب کاربری.
캡چر فقط شامل محتوای صفحه وب میشود — بدون تبهای مرورگر، نوار آدرس، نوار bookmarks یا نوار ابزار افزونهها.
هر صفحه وب را صرف نظر از نحوه ساخت آن캡چر میکند — HTML استاتیک، SPA ها (React، Vue)، صفحات با تصاویر lazy-loaded، infinite scroll.
از وبسایتهایی که طراحی یا توسعه دادهاید screenshots کل صفحه بگیرید. حالت کل صفحه یک تصویر seamless کامل برای Behance، Dribbble یا case studyهای portfolio به شما میدهد.
هنگام گزارش یک باگ، یک screenshot ارزش هزار کلمه دارد. viewport دقیق نشاندهنده مشکل را캡چر کنید و به issue GitHub یا ticket Jira پیوست کنید.
وضعیت فعلی یک سایت staging را برای بررسی ذینفعان캡چر کنید. Screenshots کل صفحه به مشتریان اجازه میدهد طراحی کامل را بدون بازدید از سایت ببینند.
قبل از تغییرات یک screenshot بگیرید، سپس بعد از آن. دو تصویر را کنار هم مقایسه کنید تا تغییرات CSS یا چیدمان را تأیید کنید.
تصاویر تمیز و حرفهای از صفحات وب برای پستهای وبلاگ، توییت یا ارائهها ایجاد کنید. خروجی بدون نوار ابزار حرفهای به نظر میرسد.
داک یا popup DevSuite Pro را باز کنید و روی آیکون Screenshot کلیک کنید. یک انتخابگر حالت با دو گزینه ظاهر میشود: «ناحیه مرئی» و «کل صفحه».
«ناحیه مرئی» را کلیک کنید تا viewport فعلی캡چر کنید، یا «کل صفحه» برای캡چر کل صفحه از بالا تا پایین.
캡چر ناحیه مرئی فوری است (زیر 1 ثانیه).캡چر کل صفحه چند ثانیه طول میکشد. یک نشانگر پیشرفت وضعیت را نشان میدهد.
تصویر캡چرشده بهطور خودکار به عنوان فایل PNG دانلود میشود. پوشه دانلودهای مرورگر را بررسی کنید.
ابزار پس از هر캡چر فعال میماند. بدون فعالسازی مجدد، screenshots بیشتری بگیرید.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۶۴ ابزار توسعه را برای مرورگر خود باز کنید.
