Responsive Testing displays your website in adjacent iframes, so you can check multiple viewports while writing responsive CSS.
- Visit the webapp.
- Choose a preset.
- Enter a URL.
- Hit Enter.
Work on your website with Browsersync/LiveReload/Live.js, and watch the viewports.
- Apache (any webserver)
- PHP
- Map
public_html
to a (sub)domain.
app/config.php
contains an array with your viewport presets. This file will not overwritten by updates.
The chosen preset and URL are stored in, and loaded from, the query string. This allows you to bookmark multiple projects with different presets, and load them without having to reconfigure.
For example:
/?preset=bs-4&url=https%3A%2F%2Ftimbr.dev%2F
You can also remove either of these parameters to load the config page partially preconfigured.
For example:
/?preset=bs-4
/?url=https%3A%2F%2Ftimbr.dev%2F
Found a bug? Anything you would like to ask, add or change? Please open an issue so we can talk about it.
Pull requests are welcome. Please try to match the current code formatting.