Supporting mobile devices

From No3wiki

detecting mobile devices

• we could use a "handheld" style sheet but this would increase traffic. Detecting rending on a mobile device would be better.

• phpInfo() when streber is been rendered on xda mini (o2):

   HTTP_UA_OS       = "Windows CE (Pocket PC) - Version v4.21"
   HTTP_UA_COLOR    = "color16"
   HTTP_UA_PIXELS   = "240x320"
   HTTP_UA_CPU      = "Intel(R) PXA272"
   HTTP_UA_LANGUAGE = "JavaScript"
   HTTP_USER_AGENT  = "Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; PPC; 240x320)

testing rendering

opera v8.5 View->Small Screen

• nice to get an overview, but the rendering between "IE Mobile" and Opera mini differs extremely (Opera reduces font size and does not support javascript)

When rendering on Mobile devices...

• don't rely on javaScript (do not render toggle blocks folded)
• reduce number of of columns
• render login-info as normal list
• render tabs as normal list
• hide:
  • streber-pm logo
  • footer
  • icons
  • context-menus (even if java-script is enabled, context-menus are not rendered)

• do not use icons for tools (images are often deactivated and increase traffic)
• remove any outer layout-margins

The normal setting with IE-Mobile is "One column only". Even if tables could be rendered without scrolling all table-cells are rendered as one cell per line. This actually renders tables completely useless. The only consequence for this problem would be to completely avoid any rendering of tables and stay with paragraphs starting with a checkbox.