Go to the Freelance Ink site

Adaptive Mobile Web Page

Quick Links:
Home Page
Custom Pubs
Reading library
Web Sites
Adaptive Web

This web page is designed to adapt itself to the particular browser being used, be it on a mobile device or a larger, full-screen display.  It is a prototype that uses the information listed below to determine the operating environment.  The Global Variable "browserType" is set once and used thought the code to adapt the format and content of the information displayed.  It optimizes the HTML code to display cleanly when the browser is set to single column mode while preserving the current three column mode for all browsers.  Other browsers -- Netscape, Firefox, Safari, etc. -- can easily be added if needed.  

I don't envision adding code for specific mobile browsers -- Skyfire, Opera, Safari, etc -- as one of the main objectives of "Adaptive code" it to present a "clean" display on a mobile device under the theory that less in more.  Currently the only mobile browser I have tested with is "Microsoft IE Mobile".  I use a screen size of less than 400 pixels to determine if the device is mobile or not.

Information from your Browser: Have some fun:
Compare this web page -- http://fl-ink.com/adaptive.htm -- on your mobile device and your laptop or desktop system. If you have access to multiple browsers, try them also. You will notice a difference in the page format and some of the Browser-Specific functions.  I like to test with the Netscape browser, as it lets me switch the HTML Interpretive Engine it uses between IE and FireFox with just one click.  Note: Netscape, Firefox, Chrome, Safari and some other browsers all support  the Netscape versions of the HTML definition.  

Here is one example of a change to look for:

  • Microsoft Internet Explorer  -- the "Click to add to your Favorites" box at the top of the left hand column will be displayed.
  • Netscape and other browsers -- the same box will now read "Press Ctrk+D to Bookmark Page". 
  • Mobile -- the message about "Favorites" will not appear.

Copyright 1995 through 2013 by Freelance Ink Last   Top   Next
   BIO      This Page      Page 1
Go to Freelance Ink's web site.