If you need to do some quick responsive design testing, check out the Responsive Design Bookmarklet. It’s a quick tool that you can use from your desktop to test any website’s responsiveness.
Add the Responsive Design Bookmarklet to your bookmarks so that you can click on it from any website. You’ll get a toolbar at the top with buttons for different screen resolutions.
Here are some extra cool feature of the bookmarklet:
- Toggle a fake keyboard – This allows you to see how much space is visible when users are entering data in forms.
- Toggle CSS Refresh – As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. It only works in a server environment.
To install the Responsive Design Bookmarklet, simply drag the button in the middle of the page to your bookmarks toolbar. Visit any web page and then click on your bookmarklet to launch it.