
<!doctype html>
<html amp>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
    <link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" href="/wp-content/themes/mobiforge/images/favicons/favicon.ico">
    <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/mobiforge/images/favicons/favicon-57.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/wp-content/themes/mobiforge/images/favicons/favicon-57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/mobiforge/images/favicons/favicon-72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/mobiforge/images/favicons/favicon-114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/mobiforge/images/favicons/favicon-120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/mobiforge/images/favicons/favicon-144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/mobiforge/images/favicons/favicon-152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/mobiforge/images/favicons/favicon-180.png">
    <meta name="application-name" content="mobiForge">
    <meta name="msapplication-TileImage" content="/wp-content/themes/mobiforge/images/favicons/favicon-144.png">
    <meta name="msapplication-TileColor" content="#FABC20">
    <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Before you ever begin testing your mobile site to determine how it looks on handsets, you should make sure the functionality of the site is working as you expect. This is not always straightforward, as you want to approximate the mobile environment as closely as possible. Fortunately, Mozilla Firefox supports some great extensions that can make testing your mobile sites a piece of cake. This article explains how to set Firefox up to act as a first pass test environment for your site." />
<meta name="twitter:title" content="Testing Mobile Web Sites Using Firefox - mobiForge" />
<meta name="twitter:site" content="@mobiForge" />
<meta name="twitter:image" content="https://mobiforge.com/wp-content/uploads/2015/11/cliff1066_1.jpg" />
<meta name="twitter:creator" content="@mobiForge" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Testing Mobile Web Sites Using Firefox - mobiForge" />
<meta property="og:description" content="Before you ever begin testing your mobile site to determine how it looks on handsets, you should make sure the functionality of the site is working as you expect. This is not always straightforward, as you want to approximate the mobile environment as closely as possible. Fortunately, Mozilla Firefox supports some great extensions that can make testing your mobile sites a piece of cake. This article explains how to set Firefox up to act as a first pass test environment for your site." />
<meta property="og:url" content="https://mobiforge.com/design-development/testing-mobile-web-sites-using-firefox" />
<meta property="og:site_name" content="mobiForge" />
<meta property="article:tag" content="Browsers" />
<meta property="article:tag" content="Content Adaptation" />
<meta property="article:tag" content="Quality Assurance" />
<meta property="article:tag" content="Tools" />
<meta property="article:tag" content="Web Publishing" />
<meta property="article:section" content="Design &amp; Development" />
<meta property="article:published_time" content="2009-08-12T13:34:27+00:00" />
<meta property="article:modified_time" content="2015-12-15T12:20:35+00:00" />
<meta property="og:updated_time" content="2015-12-15T12:20:35+00:00" />
<meta property="og:image" content="https://mobiforge.com/wp-content/uploads/2015/11/cliff1066_1.jpg" />
<meta property="og:image:width" content="1066" />
<meta property="og:image:height" content="1166" />
	<title>{keyword}</title>
		<link rel="canonical" href="https://mobiforge.com/design-development/testing-mobile-web-sites-using-firefox" />
		 
			<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic">
		<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style> 
		 
	    <style amp-custom>
    /* Generic WP styling */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.amp-wp-enforced-sizes {
	/** Our sizes fallback is 100vw, and we have a padding on the container; the max-width here prevents the element from overflowing. **/
	max-width: 100%;
	margin: 0 auto;
}

.amp-wp-unknown-size img {
	/** Worst case scenario when we can't figure out dimensions for an image. **/
	/** Force the image into a box of fixed dimensions and use object-fit to scale. **/
	object-fit: contain;
}

/* Template Styles */

.amp-wp-content,
.amp-wp-title-bar div {
		margin: 0 auto;
	width:90%;
	max-width: 640px;
	}

body {
	background: #fff;
	color: #353535;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1{
	font-size:32px;
	line-height:54px;
}

h2{
	font-size:22px;
	line-height:27px;
}

h1, h2{
	color:#393d3d;
	
	margin:27px 0;
}

p,
ol,
ul,
figure {
	margin: 0 0 1em;
	padding: 0;
}

a,
a:visited {
	color: #fabc20;
	text-decoration:none;
}

a:hover,
a:active,
a:focus {
	color: #fabc20;
}

article a{
	text-decoration:none;
}

/* Quotes */

blockquote {
	color: #353535;
	background: rgba(127,127,127,.125);
	border-left: 2px solid #fabc20;
	margin: 8px 0 24px 0;
	padding: 16px;
}

blockquote p:last-child {
	margin-bottom: 0;
}

/* UI Fonts */

.amp-wp-meta,
.amp-wp-header div,
.amp-wp-title,
.wp-caption-text,
.amp-wp-tax-category,
.amp-wp-tax-tag,
.amp-wp-comments-link,
.amp-wp-footer p,
.back-to-top {
	font-family: 'Open Sans', sans-serif;
}

/* Header */

.amp-wp-header > svg{
	margin:27px auto;
	display:block;
}

.amp-wp-header > svg+div{
	max-width:640px;
}

.amp-wp-header > div{
	width:90%;
	margin: 27px auto;
}

.amp-wp-header > div img, .amp-wp-header > div amp-img{
	display:block;
}

.amp-wp-header > div.bar {
	background-color: #fabc20;
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	width:100%;
	height:54px;
	margin: 0 auto;
}

.amp-wp-header > div.bar > div {
	margin: 0 auto;
	width:90%;
	max-width: 640px;
}

.amp-wp-header div.bar svg {
	margin-top:15px;
	cursor:pointer;
}

.amp-wp-header a {
	color: #fff;
	text-decoration: none;
}

/* Site Icon */

.amp-wp-header .amp-wp-site-icon {
	/** site icon is 32px **/
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	right: 18px;
	top: 10px;
}

/* Sidebar Nav */

amp-sidebar {
    background-color: #434343;
    padding: 24px;
    width: 200px;
    -moz-box-shadow: 0 0 20px 5px rgba(0,0,0,0.19),0 0 6px 1.5px rgba(0,0,0,0.23);
	-webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.19), 0 0 6px 1.5px rgba(0,0,0,0.23);
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.19), 0 0 6px 1.5px rgba(0,0,0,0.23);
}
#mobile-menu-close{
	float: right;
    cursor: pointer;
}

amp-sidebar ul {
    list-style-type: none;
    padding: 0em;
    margin-top:27px;
    margin-bottom:54px;
}

amp-sidebar ul li {
    display: block;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    margin-bottom: 0;
}

amp-sidebar ul li a, amp-sidebar ul li a:visited {
    text-decoration: none;
    color: #CCCCCC;
    font-weight: 600;
    display: block;
}

amp-sidebar ul li a:hover, amp-sidebar ul li a:active {
    color: #FABC20;
    text-decoration:none;
}

.amp-sidebar-image {
  line-height: 100px;
  vertical-align:middle;
}
li {
  margin-bottom: 20px;
  list-style: none;
}
button {
  margin-left: 20px;
}
.-amp-sidebar-mask{
	background-color:#fff;
}

/* Article */

.amp-wp-article {
	color: #353535;
	font-weight: 400;
	margin: 1.5em auto;
	max-width: 840px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Article Header */

.amp-wp-article-header {
	align-items: center;
	align-content: stretch;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1.5em 16px 1.5em;
}

.amp-wp-title {
	color: #353535;
	display: block;
	flex: 1 0 100%;
	margin: 0 0 27px 0;
	width: 100%;
	box-sizing:border-box;
}

/* Article Meta */

.amp-wp-meta {
	color: #696969;
	display: inline-block;
	flex: 2 1 50%;
	font-size: .875em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.amp-wp-article-header .amp-wp-meta:last-of-type {
	text-align: right;
}

.amp-wp-article-header .amp-wp-meta:first-of-type {
	text-align: left;
}

.amp-wp-byline amp-img,
.amp-wp-byline .amp-wp-author {
	display: inline-block;
	vertical-align: middle;
}

.amp-wp-byline amp-img {
	border: 1px solid #fabc20;
	border-radius: 50%;
	position: relative;
	margin-right: 6px;
}

.amp-wp-posted-on {
	text-align: right;
}

/* Featured image */

.amp-wp-article-featured-image {
	margin: 0 0 1em;
}
.amp-wp-article-featured-image amp-img {
	margin: 0 auto;
}
.amp-wp-article-featured-image.wp-caption .wp-caption-text {
	margin: 0 18px;
}

/* Article Content */

.amp-wp-article-content ul,
.amp-wp-article-content ol {
	margin-left: 1em;
}

.amp-wp-article-content amp-img {
	display: block;
    float: none;
    margin: 0 auto 16px;
}

/* Captions */

.wp-caption {
	padding: 0;
}

.wp-caption.alignleft {
	margin-right: 16px;
}

.wp-caption.alignright {
	margin-left: 16px;
}

.wp-caption .wp-caption-text {
	border-bottom: 1px solid #c2c2c2;
	color: #696969;
	font-size: .875em;
	line-height: 1.5em;
	margin: 0;
	padding: .66em 10px .75em;
}

/* AMP Media */

amp-carousel {
	background: #c2c2c2;
	margin: 0 -16px 1.5em;
}
amp-iframe,
amp-youtube,
amp-instagram,
amp-vine {
	background: #c2c2c2;
	margin: 0 -16px 1.5em;
}

.amp-wp-article-content amp-carousel amp-img {
	border: none;
}

amp-carousel > amp-img > img {
	object-fit: contain;
}

.amp-wp-iframe-placeholder {
	background: #c2c2c2 url( https://mobiforge.com/wp-content/plugins/amp/assets/images/placeholder-icon.png ) no-repeat center 40%;
	background-size: 48px 48px;
	min-height: 48px;
}

/* Article Footer Meta */

.amp-wp-article-footer .amp-wp-meta {
	display: block;
}

.amp-wp-tax-category,
.amp-wp-tax-tag {
	color: #696969;
	font-size: .875em;
	line-height: 1.5em;
	margin: 1.5em 0;
}

.amp-wp-comments-link {
	color: #696969;
	font-size: .875em;
	line-height: 1.5em;
	text-align: center;
	margin: 2.25em 0 1.5em;
}

.amp-wp-comments-link a {
	border-style: solid;
	border-color: #c2c2c2;
	border-width: 1px 1px 2px;
	border-radius: 4px;
	background-color: transparent;
	color: #fabc20;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin: 0 auto;
	max-width: 200px;
	padding: 11px 16px;
	text-decoration: none;
	width: 50%;
	-webkit-transition: background-color 0.2s ease;
			transition: background-color 0.2s ease;
}

/* AMP Footer */

footer{
	width:100%;
	background-color:#434343;
}

footer > .links{
	background-color:#616464;
	color:#d9d9d9;
}

footer > .links > div{
	width:90%;
	max-width:640px;
	margin:0 auto;
	display:flex;
}

footer > .links > div > div{
	width:58.333333%;
	display:inline-block;
}

footer > .links > div > div+div{
	width:41.666667%;
}

footer > .links > div > div+div a{
	margin: 20px 0rem 0rem 1rem;
    float: right;
}

footer > .links div > ul{
	padding-left: 0rem;
    display: inline-block;
    margin: 0em;
    font-size: 0.77778em;
    line-height: 1.92857em;
}

footer > .links div > ul > li{
	list-style: none;
    display: inline-block;
    margin: 22px 1rem 0rem 0rem;
}

footer > .links div > ul > li:last-child {
    margin-bottom: 22px;
}

footer > .links div > ul > li > a{
	color: #d9d9d9;
    font-weight: 500;
    text-decoration: none;
}

footer > .afilias-products, footer > .afilias-products+div {
	width:90%;
	max-width:640px;
	margin:0 auto;
}

footer > .afilias-products>div h4 {
    color: #b3b3b3;
    font-weight: 500;
    font-size: 0.88889em;
    line-height: 1.6875em;
    margin-top:27px;
}

footer > .afilias-products>div>p {
    color: #8e8e8e;
    margin-top: 20px;
    font-size: 0.88889em;
    line-height: 27px;
    font-size:16px;
}

footer > .afilias-products+div{
	border-top: 1px solid #686868;	
}

footer > .afilias-products+div p {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 2.25em;
    margin:0;
    padding-top:22px;
}

footer > .afilias-products+div div+div > p {
    padding-bottom:22px;
}

.back-to-top {
	bottom: 1.275em;
	font-size: .8em;
	font-weight: 600;
	line-height: 2em;
	position: absolute;
	right: 16px;
}

pre {background-color: #eee;overflow-x:scroll;padding: 0 10px 0 5px}
 td, th {
text-align: left;
}

a, a:active, a:visited {
text-decoration: underline;
}
    </style>
    
  </head>
<body>
<amp-sidebar id="sidebar" layout="nodisplay" side="left">

    </amp-sidebar><header id="#top" class="amp-wp-header"><div class="bar" align="center"><h1>{keyword}</h1></div>
</header>
<article class="amp-wp-article">
    <div class="amp-wp-content"> 
      <h1 class="amp-wp-title">&nbsp;</h1>
  <ul class="amp-wp-meta">
        		<div class="amp-wp-meta amp-wp-byline">
					<amp-img src="https://secure.gravatar.com/avatar/f6d1d7f0ad234da119eaef3b7f840224?s=24&#038;d=mm&#038;r=g" width="24" height="24" layout="fixed"></amp-img>
				<span class="amp-wp-author author vcard">{manytext_bing}</span>
	</div>
<div class="amp-wp-meta amp-wp-posted-on">
	<time datetime="2009-08-12T13:34:27+00:00">
		</time></div></ul>
  </article>
  <div class="nav bottom">
 
  </div>
    <footer>
	<div class="links">
		<div>
			<div class="pure-u-14-24">
				<ul> <br />
				  </ul></div></div></div><div class="afilias-products"><div>
		</div>
	</div>
	<div>
	  <div>
			<p>&copy; 2017 Afilias Technologies Ltd. All rights reserved.</p>
		</div>
	</div>
</footer>
<amp-analytics type="googleanalytics" id="analytics1">
  
</amp-analytics>  </body>
</html>