How To View Your Site in Different Platforms

For bloggers or website developers, it is important to have an idea on how a site looks like when viewed on different gadgets. I’ve seen some borrow different gadgets just to see how they’re site will look like. In Mac’s new update, this is now possible with just a few clicks.

For Mac (Apple) users:

Click : Develop – Enter responsive mode – choose the platform view you want

Screen Shot 2015-12-03 at 4.50.10 PM
Click DEVELOP-  ENTER RESPONSIVE DESIGN MODE
Screen Shot 2015-12-03 at 4.53.44 PM
iPad mini 3 view
Screen Shot 2015-12-03 at 4.54.00 PM
Safari 9.0.1 view
Screen Shot 2015-12-03 at 4.54.07 PM
Internet Explorer 10.0 view

That’s it!  =) If you are a Windows user, you may want to share how you view it on your side so you can help other Windows users. =)

UPDATED- As of December 10, 2015

If you do not see the DEVELOP option, be sure to activate/show it by following these steps:

Screen Shot 2015-12-10 at 4.19.39 AM
Open Safari. Click PREFERENCES
Screen Shot 2015-12-10 at 4.19.59 AM
Go to ADVANCED. 
Screen Shot 2015-12-10 at 4.20.08 AM
Check the SHOW DEVELOP MENU in menu bar

 


Follow this blog:

WordPress users:

Facebook page: Words, Women, and Wonders

Twitter: @islesgilian

Instagram: @islesgilian

5 thoughts on “How To View Your Site in Different Platforms

Leave a Reply

Your email address will not be published.