सही mobile screenshot के लिए केवल viewport की चौड़ाई कम करना पर्याप्त नहीं है। Playwright में लक्ष्य डिवाइस का उपलब्ध preset चुनें—या जिस responsive breakpoint को जाँचना है उसकी स्पष्ट dimensions दें—और फिर जरूरत के अनुसार locale, timezone तथा screenshot का क्षेत्र सेट करें। नीचे JavaScript और Python के runnable उदाहरण हैं; साथ में बताया है कि viewport-only और full-page capture में क्या फर्क है।
पहले तय करें: किस तरह का mobile view जाँचना है?
“Indian website” से अपने-आप कोई एक सही viewport, भाषा या location तय नहीं होती। Configuration इस बात पर निर्भर होनी चाहिए कि आप क्या जाँचना चाहते हैं:
As an Amazon Associate I earn from qualifying purchases.
- Responsive layout या breakpoint: स्पष्ट viewport width और height दें। ये dimensions परीक्षण का लक्ष्य हैं, भारत के सभी phones का मानक नहीं।
- किसी खास device का व्यवहार: अपने Playwright version में उपलब्ध और लक्ष्य से मेल खाता device preset चुनें। Preset user agent, screen size, viewport और touch support जैसे मानों को साथ रखता है।
- भाषा और formatting: जिस browser language का परीक्षण करना है, उसी के अनुरूप locale चुनें।
en-INEnglish-India का उदाहरण है, हर भारतीय साइट के लिए सार्वभौमिक विकल्प नहीं। - स्थानीय समय पर निर्भर सामग्री: जरूरत हो तो timezone को
Asia/Kolkataरखें। - स्थान-आधारित सामग्री: delivery, store या local content वास्तव में location पर निर्भर हो तभी geolocation और आवश्यक permission जोड़ें। केवल
.indomain होना इसकी वजह नहीं है।
Playwright की Emulation documentation के अनुसार, “With Playwright you can test your app on any browser as well as emulate a real device such as a mobile phone or tablet.” Device emulation को responsive sizing से अलग समझना उपयोगी है: एक खास CSS width देना अपने-आप device के बाकी mobile व्यवहार की नकल नहीं करता।
Do these 3 things before closing this tab:
1Clear out junk files and repair common Windows errors2Scan for outdated or missing drivers - takes under a minute3Repair Windows errors before they cause bigger problemsJavaScript में device preset से viewport screenshot लें
यह उदाहरण Chromium, Playwright की device registry का Pixel 7 preset, English-India locale और Kolkata timezone इस्तेमाल करता है। चलाने से पहले जाँचें कि आपके installed Playwright version में यही preset उपलब्ध है; नाम या उपलब्धता की पुष्टि अपने संस्करण की registry से करें।
#1 Best Overall
- Universal unlocked. Compatible with all major U.S. carriers, including Verizon, AT&T, T-Mobile and other prepaid carriers.
- Super-bright, super-smooth 6.7" display. See your screen clearly even outdoors in sunlight, and enjoy seamless views with a fast-refreshing 120Hz display.*
- AI-powered camera system. Take stunning photos in any light with the 50MP camera**, look your best with a 32MP selfie cam*****, and capture extreme close-ups.
- Superfast 5G performance. Unleash your entertainment at 5G speed*** with the MediaTek Dimensity 6300 chipset and up to 12GB of RAM with RAM Boost****.
- Long-lasting battery + TurboPower charging. Power through day after day with a 5200mAh battery, then get hours of power in just minutes.****
const { chromium, devices } = require('playwright');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext({
...devices['Pixel 7'],
locale: 'en-IN',
timezoneId: 'Asia/Kolkata',
});
const page = await context.newPage();
await page.goto('https://example.in');
await page.screenshot({ path: 'indian-mobile-viewport.png' });
await browser.close();
})();newContext() पर preset फैलाने से उसकी device-संबंधी settings साथ आती हैं। यदि preset के बाद viewport override करें, तो viewport को spread के बाद लिखें: इससे preset की viewport values के बजाय आपकी चुनी dimensions लागू होंगी। Preset का isMobile व्यवहार बनाए रखें, जब तक आप जानबूझकर कुछ और न जाँच रहे हों। यह विकल्प meta viewport को ध्यान में रखने और touch events चालू करने से जुड़ा है; सिर्फ छोटी width उसका पूरा विकल्प नहीं है।
Breakpoint के लिए custom viewport दें
जब सवाल “क्या यह layout इस breakpoint पर बदलता है?” हो, किसी device का नाम लेने के बजाय width और height स्पष्ट रखें। उदाहरण में 390 × 844 केवल एक परीक्षण आकार है, भारत में किसी फोन का प्रतिनिधि मान नहीं।
const { chromium, devices } = require('playwright');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext({
...devices['Pixel 7'],
viewport: { width: 390, height: 844 },
locale: 'en-IN',
timezoneId: 'Asia/Kolkata',
});
const page = await context.newPage();
await page.goto('https://example.in');
await page.screenshot({ path: 'breakpoint-390x844.png' });
await browser.close();
})();Preset spread के बाद override रखने का क्रम महत्वपूर्ण है, क्योंकि preset अपनी viewport values देता है। यदि आपका परीक्षण केवल CSS breakpoint का है और mobile emulation नहीं चाहिए, तो किसी preset के बिना भी viewport सेट किया जा सकता है; उस स्थिति में इसे device-सटीक emulation न कहें।
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →Rank #2
- YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
- LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
- MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
- NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
- BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
Python में वही configuration
Playwright के Python sync API में समान विचार लागू होता है। यहाँ भी अपने installed version में preset की उपलब्धता जाँचें।
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch()
context = browser.new_context(
**p.devices['Pixel 7'],
locale='en-IN',
timezone_id='Asia/Kolkata',
)
page = context.new_page()
page.goto('https://example.in')
page.screenshot(path='indian-mobile-viewport.png')
browser.close()Breakpoint जाँचने के लिए Python में भी preset फैलाने के बाद viewport={"width": 390, "height": 844} दें। पूरी scrollable page चाहिए तो screenshot call में full_page=True जोड़ें।
Viewport screenshot, full-page capture और image scale
बिना full-page विकल्प के screenshot वर्तमान visible viewport का होता है। fullPage: true (Python में full_page=True) पूरी scrollable page कैप्चर करता है। दोनों अलग उद्देश्य और अलग आकार के artifacts हैं; responsive visual comparisons में viewport captures की तुलना viewport captures से और full-page captures की तुलना full-page captures से करें।
Rank #3
- Charger NOT Included, 6.7" Super AMOLED FHD+, 90Hz Refresh Rate, 385 ppi, 800 nits (HBM), 1080x2340px, 5000mAh Battery
- 128GB, 4GB RAM, microSDXC, Exynos 1330 (5nm), Octa-Core, Mali-G68 MP2 or Mali-G57 MC2 GPU
- Rear Camera: 50MP, f/1.8 (wide) + 5MP, f/2.2 (ultrawide) + 2MP, f/2.4 (macro), LED flash, panorama, HDR; Front Camera: 13MP, f/2.0, Android 14, up to 6 major Android upgrades, One UI 6.1
- 3G: HSDPA 850/900/1700(AWS)/1900/2100; 4G LTE: 1/2/3/4/5/7/12/13/14/20/25/26/28/29/30/38/39/40/41/48/66/71, 5G: 2/5/25/41/66/71/77/78 SA/NSA/Sub6/mmWave - Nano-SIM + eSIM
- US Model – Global Connectivity – Compatible with Most GSM Carriers like T-Mobile, AT&T, MetroPCS, etc. Will Also work with CDMA Carriers Such as Verizon, Straight Talk.
Screenshot API के scale विकल्प का अर्थ भी ध्यान रखें। scale: 'css' में एक CSS pixel के अनुरूप एक screenshot pixel रहता है। scale: 'device' high-DPI device pixels के अनुसार बड़ी image बना सकता है। इसलिए CSS viewport की dimensions को output file के physical pixel dimensions के समान न मानें। उपलब्ध screenshot parameters का विवरण Playwright API parameters में है।
JavaScript में विकल्प ऐसे दिए जा सकते हैं:
await page.screenshot({
path: 'indian-mobile-full-page.png',
fullPage: true,
scale: 'css',
});इस उदाहरण में full-page capture चुना गया है; यदि केवल first-screen चाहिए तो fullPage हटाएँ। Python में वही चुनाव page.screenshot(path='indian-mobile-full-page.png', full_page=True, scale='css') से करें।
Rank #4
- YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
- LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
- MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
- NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
- BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
भारत-केंद्रित परीक्षण में locale, timezone और geolocation
locale browser language, Accept-Language request header और formatting rules को प्रभावित कर सकता है। साइट के अपेक्षित व्यवहार के अनुसार locale चुनें: उदाहरण के लिए, Hindi browser behavior जाँचना हो तो en-IN को स्वतः सही न मानें। timezoneId: 'Asia/Kolkata' browser context का timezone तय करता है। Date assertions में test runner की अपनी timezone भी परिणाम को प्रभावित कर सकती है, इसलिए browser और runner के समय-संबंधी assumptions अलग-अलग जाँचें।
Geolocation, locale या timezone का दूसरा नाम नहीं है। उसे तभी सेट करें जब वेबसाइट स्थान के आधार पर सामग्री बदलती हो; permission भी उसी परीक्षण के लिए दें।
Recommended Free Tools
आम समस्याएँ और सुधार
- छोटे viewport पर भी mobile menu या layout नहीं आता: जाँचें कि आप सिर्फ custom width नहीं, बल्कि अपेक्षित mobile behavior वाला preset इस्तेमाल कर रहे हैं। खास तौर पर
isMobileऔर preset की अन्य device settings देखें। - Custom dimensions लागू नहीं दिखतीं: context options में
viewportको device preset spread के बाद रखें, ताकि preset की अपनी dimensions उसे overwrite न करें। - Preset नहीं मिलता: अपने installed Playwright version की device registry में नाम की पुष्टि करें और वहाँ उपलब्ध preset चुनें। उपलब्धता की पुष्टि किए बिना किसी नाम को सभी versions में मौजूद न मानें।
- Screenshot अपेक्षा से लंबा या बड़ा है: जाँचें कि आपने
fullPageचुना है या नहीं औरscaleCSS pixels के लिए है या device pixels के लिए। ये अलग विकल्प output को अलग तरह से प्रभावित करते हैं। - भाषा, तारीख या समय अलग दिखते हैं: context का locale और timezone जाँचें। Date assertions के मामले में test runner की timezone भी देखें।
- साइट redirect करती है, consent दिखाती है, login माँगती है या स्थान-आधारित सामग्री नहीं देती: ये साइट-विशिष्ट व्यवहार हैं; viewport emulation इन्हें अपने-आप हल नहीं करती। संबंधित authentication, permission या site flow को अलग से संभालें।
- Lazy-loaded सामग्री screenshot में नहीं है: यह जरूरी नहीं कि viewport गलत हो। पेज की loading और scroll पर सामग्री लाने के व्यवहार को जाँचें; जरूरत के अनुसार screenshot से पहले पेज को तैयार करें।
Or skip the browser setup
यदि आपको script और browser context सेट करने के बजाय एक API call चाहिए, ScreenshotNeo URL लेकर PNG, JPEG या WebP screenshot अथवा PDF देता है। नीचे cURL से WebP screenshot लेने का उदाहरण है; API दस्तावेज़ में उपलब्ध parameters देखें।
Best Value
- Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Tracfone plan required, activating is easy, just 3 steps.
- DISPLAY: Immersive viewing on a 6.7-inch super-bright 120Hz display with powerful stereo speakers and Bass Boost for cinematic entertainment.
- CAMERA SYSTEM: Advanced 50MP Quad Pixel camera captures sharp, detailed photos and videos in any lighting condition
- PERFORMANCE: Lightning-fast 5G connectivity paired with a powerful processor and RAM Boost for smooth multitasking.
- BATTERY LIFE: Long-lasting 5000mAh battery with TurboPower charging technology delivers hours of power in minutes.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.in -o shot.webp- Capture से पहले यह cookie/consent banner स्वीकार कर और 60 से अधिक ज्ञात consent platforms, newsletter popups तथा chat widgets हटा सकता है; हर चरण बंद किया जा सकता है।
- Bot checks/CAPTCHAs, blank pages, timeouts, failed loads और cache hits के लिए शुल्क नहीं लगता; response में
X-Page-VerdictऔरX-Billedheaders बताते हैं कि क्या हुआ। - Claude, Cursor और अन्य MCP clients के लिए MCP server में
take_screenshot,get_page_infoऔरcapture_pdftools हैं। - Free plan में बिना card के 1,000 screenshots प्रति माह हैं; paid plans $5 में 3,000 से शुरू होते हैं।
ScreenshotNeo पर साइन अप करें और बिना card के 1,000 free screenshots प्रति माह से शुरू करें।
Frequently Asked Questions
क्या en-IN हर भारतीय वेबसाइट के लिए सही locale है?
नहीं। यह English-India का उदाहरण है; locale उस भाषा और formatting behavior के अनुसार चुनें जिसका परीक्षण करना है।
क्या mobile screenshot के लिए वास्तविक फोन चाहिए?
नहीं। Playwright device emulation देता है; वास्तविक फोन वैकल्पिक तुलना के लिए उपयोगी हो सकता है, पर इस workflow की अनिवार्य शर्त नहीं।
Free tools Windows power users keep installed
One-click scans. No signup required.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
