Responsive Website Checker

Test and verify how websites render across multiple devices and screen sizes. Capture screenshots on real iOS/Android devices, tablets, and desktops. Analyze responsive breakpoints, interactive elements, and performance metrics.

Features

• 40+ Device Presets: Automatically test on iPhone, Samsung Galaxy, Google Pixel, iPad, and desktop devices
• Dual Orientation: Mobile and tablet devices tested in both portrait and landscape modes
• Full-Page Screenshots: Capture complete page screenshots with direct download URLs
• Performance Metrics: DOM load time, First Contentful Paint, and transfer size
• Layout Analysis: Detect horizontal overflow and touch target sizing issues
• Interactive Element Testing: Count buttons, links, and identify usability issues

Input

Simple configuration - just provide the URLs to test:

{
  "urls": [
    "https://www.example.com",
    "https://www.mywebsite.com"
  ]
}

Output

Each device test generates one output row with comprehensive data:

{
  "url": "https://www.example.com",
  "device_name": "iPhone 14",
  "orientation": "portrait",
  "category": "mobile",
  "brand": "Apple",
  "viewport_width": 390,
  "viewport_height": 844,
  "device_pixel_ratio": 3,
  "screenshot_url": "https://api.apify.com/v2/key-value-stores/{storeId}/records/iPhone_14_portrait_abc123.png",
  "page_width": 390,
  "page_height": 2400,
  "issues": "Horizontal overflow: 420px > 390px",
  "buttons_count": 15,
  "links_count": 42,
  "small_touch_targets": 2,
  "dom_load_ms": 1250,
  "page_load_ms": 2100,
  "first_contentful_paint_ms": 1050,
  "transfer_size_bytes": 524288,
  "tested_at": "2024-01-15T10:30:15.123Z",
  "status": "success"
}

Screenshot URLs

Each test includes a screenshot_url field with a direct link to the full-page screenshot:

• Click the URL to view the screenshot in your browser
• Download programmatically via Apify API
• Screenshots are stored in the run's key-value store

Supported Devices

Mobile Phones (Portrait + Landscape)

Apple iPhone

• iPhone SE, 12, 12 Pro, 13, 13 Pro Max, 14, 14 Pro Max, 15 Pro, 15 Pro Max

Samsung Galaxy

• Galaxy S20, S21, S22, S23, S23 Ultra

Google Pixel

• Pixel 5, 6, 6 Pro, 7, 7 Pro, 8, 8 Pro

Tablets (Portrait + Landscape)

Apple iPad

• iPad Mini, iPad Air, iPad Pro 11", iPad Pro 12.9"

Android Tablets

• Galaxy Tab S7, Nexus 7, Nexus 10, Kindle Fire HDX

Desktop (Portrait Only)

Windows Desktop

• 1920x1080 (Full HD), 1920x1200 (WUXGA), 1440x900 (WXGA+), 1366x768 (HD)

Mac Desktop

• MacBook Pro 13", 14", 16", iMac 27"

Total: 66 device tests per URL (37 portrait + 29 landscape)

Output Fields

Field	Description
url	The tested website URL
device_name	Device model name
orientation	portrait or landscape
category	mobile, tablet, or desktop
brand	Device manufacturer
viewport_width	Viewport width in pixels
viewport_height	Viewport height in pixels
device_pixel_ratio	Device pixel ratio (e.g., 2 for Retina)
screenshot_url	Direct URL to full-page screenshot
page_width	Actual page content width
page_height	Actual page content height
issues	Layout issues detected (if any)
buttons_count	Number of buttons/clickable elements
links_count	Number of links
small_touch_targets	Count of elements smaller than 44px
dom_load_ms	DOM content loaded time (ms)
page_load_ms	Full page load time (ms)
first_contentful_paint_ms	First Contentful Paint (ms)
transfer_size_bytes	Total data transferred
tested_at	ISO timestamp of test
status	success or error

Use Cases

Web Development

• Pre-launch testing across all target devices
• Continuous monitoring after updates
• Design validation against mockups

Quality Assurance

• Automated responsive testing in CI/CD
• Regression testing for layout breaks
• Visual documentation for stakeholders

SEO & Mobile-First

• Verify mobile experience meets Google's requirements
• Identify issues affecting mobile users
• Ensure cross-device consistency

Performance

• Parallel Execution: Tests run in batches of 5 devices simultaneously
• Fast Results: ~66 device tests complete in under 2 minutes
• Full Coverage: Automatically tests all devices without configuration

Interpreting Results

Layout Issues

Horizontal Overflow

• Content is wider than viewport
• Common causes: fixed-width elements, large images, tables
• Solution: Use responsive units (%, vw) and max-width

Small Touch Targets

• Buttons/links smaller than 44x44px recommended size
• Can cause frustration on mobile devices
• Solution: Increase padding, use larger hit areas

Performance Guidelines

• First Contentful Paint < 1.5s: Good mobile performance
• DOM Content Loaded < 2s: Page is interactive quickly
• Transfer Size: Watch mobile data usage

Integration

Apify SDK (JavaScript)

const { ApifyClient } = require('apify-client');

const client = new ApifyClient({ token: 'YOUR_API_TOKEN' });

const run = await client.actor('YOUR_ACTOR_ID').call({
  urls: ['https://www.example.com']
});

const { items } = await client.dataset(run.defaultDatasetId).listItems();

// Each item is one device test
items.forEach(test => {
  console.log(`${test.device_name} (${test.orientation}): ${test.screenshot_url}`);
});

Python

from apify_client import ApifyClient

client = ApifyClient('YOUR_API_TOKEN')

run = client.actor('YOUR_ACTOR_ID').call(
    run_input={'urls': ['https://www.example.com']}
)

dataset = client.dataset(run['defaultDatasetId']).list_items()

# Each item is one device test
for test in dataset.items:
    print(f"{test['device_name']} ({test['orientation']}): {test['screenshot_url']}")

Troubleshooting

Screenshots are blank

• Website may block automation/headless browsers
• Check if website requires authentication
• Verify website is publicly accessible

Tests failing

• Check URL is valid and accessible
• Some websites have anti-bot protection
• Try testing on a simpler website first

Example Output

For one URL, you'll get 66 output rows:

• 9 iPhone models × 2 orientations = 18 tests
• 4 iPad models × 2 orientations = 8 tests
• 5 Galaxy models × 2 orientations = 10 tests
• 7 Pixel models × 2 orientations = 14 tests
• 3 Tablet models × 2 orientations = 6 tests
• 8 Desktop models × 1 orientation = 8 tests
• 1 Kindle × 2 orientations = 2 tests

Total: 66 comprehensive device tests per URL

License

Apache 2.0 License

---

Built with Playwright and Apify for comprehensive responsive testing