Designing Responsive web Apps with Desktop Browser -- WEB400

Subject: Designing Responsive web Apps with Desktop Browser
From: "Hiebert, Chris" <chris.hiebert@xxxxxxxxxxxxxx>
Date: Tue, 24 Nov 2015 21:29:32 +0000
List-archive: <http://archive.midrange.com/web400/>
List-help: <mailto:web400-request@midrange.com?subject=help>
List-id: "Web Enabling the IBM i \(AS/400 and iSeries\)" <web400.midrange.com>
List-post: <mailto:web400@midrange.com>
List-subscribe: <http://lists.midrange.com/mailman/listinfo/web400>, <mailto:web400-request@midrange.com?subject=subscribe>
List-unsubscribe: <http://lists.midrange.com/mailman/options/web400>, <mailto:web400-request@midrange.com?subject=unsubscribe>

I noticed someone doing this in a prior thread:

"Reduce the width of the browser screen until the mobile menu appears."

I wanted to mention that a few desktop browsers provide a mode for you to test your Mobile Responsive apps.

In I.E. when you open the Developer tools with F12, the Emulation tab allows you to pick your desired screen size and orientation.

In Firefox when you open the Developer tools with F12, there is a button to activate "Responsive Design Mode". The button looks like a box within a box, with an error pointing from the inner box to the lower right corner of the outer box.

I'm not sure of the setting in Chrome, but I would be surprised if it didn't also provide a Responsive Design Mode.

Chris Hiebert
Senior Programmer/Analyst
Disclaimer: Any views or opinions presented are solely those of the author and do not necessarily represent those of the company.

As an Amazon Associate we earn from qualifying purchases.

Follow-Ups:

Re: Designing Responsive web Apps with Desktop Browser , Bradley Stone

This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].

Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.