General: Framework Overview
Clone this wiki locally
In order to implement the Mobile Web Framework on a page, one must include two entities in the
<head>, namely the CSS Handler and the JS Handler. In their respective documentation, both of these handlers support optional parameters for added functionality.
While these both appear to be PHP files, they identify themselves with the proper
In addition to these attributes, it is highly recommended that content providers also include a
meta[name=viewport] tag on all pages with the following form. This entity provides a uniform browsing experience across all mobile devices that accept it in terms of screen scaling. More information available in the General Mobile Markup section.
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
The framework currently provides a set of HTML entities that can be included in the body of framework-based pages. The framework is constantly working to expand the number and functionality of these entities based on community feedback into desired entities not yet provided.
Framework-wide elements are those that are recommended or required on all pages.
Main Content Elements
Several elements present general content on a given page:
Active development is also currently occurring on the following entities for MWF 1.3:
The framework also provides several general classes that can target definitions at only particular classification levels, as well as body telemetry classes that allow even more fine-grained targeting of definitions at particular operating systems, browsers and browser engines.
- Site Constants
- Device Capabilities
- User Agent Information
- Device Classifications
- Browser Dimension Telemetry
- Screen Dimension Telemetry
The framework also includes specialized scripts that content providers can include (beyond the basic handlers) that serve distinct roles from other framework functionality: