mozilla

Compare Revisions

Simulator Walkthrough

Change Revisions

Revision 566119:

Revision 566119 by wbamberg on

Revision 566121:

Revision 566121 by wbamberg on

Title:
Simulator Walkthrough
Simulator Walkthrough
Slug:
Tools/Firefox_OS_Simulator/Simulator_Walkthrough
Tools/Firefox_OS_Simulator/Simulator_Walkthrough
Tags:
"Tools", "Apps", "Firefox OS"
"Tools", "Apps", "Firefox OS"
Content:

Revision 566119
Revision 566121
n7    <div class="warning">n7    <div class="note">
8      <p>
9        This page describes how to use the old Firefox OS Simulat
>or, which is now deprecated. Please use the built-in <a href="/en 
>-US/Firefox_OS/Using_the_App_Manager">App Manager</a> instead. 
10      </p>8      <p>
11    </div>9        This page describes the "old" Firefox OS Simulator. You s
 >hould only use this if you're developing apps for Firefox 1.1, an
 >d it can only be installed on Firefox 24 or Firefox 25.
10      </p>
12    <p>11      <p>
12        If you're developing apps for Firefox OS 1.2 or later, yo
 >u need to <a href="https://developer.mozilla.org/en-US/Firefox_OS
 >/Using_the_App_Manager">use the App Manager</a> instead.
13      </p>
14      <p>
15        If you need help, try asking on the <a class="external ex
 >ternal-icon" href="https://lists.mozilla.org/listinfo/dev-develop
 >er-tools">dev-developer-tools mailing list</a> or on <a href="irc
 >://irc.mozilla.org/#devtools">#devtools on irc.mozilla.org</a>.
16      </p>
17    </div>
18    <p>
13      In this page we'll debug a very simple (but very buggy!) we19      In this page we'll debug a very simple (but very buggy!) we
>b app using the <a href="/en-US/docs/Tools/Firefox_OS_Simulator" >b app using the <a href="/en-US/docs/Tools/Firefox_OS_1.1_Simulat
>title="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulat>or" title="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Sim
>or</a>.>ulator</a>.
n32        The walkthrough assumes that you've <a href="/en-US/docs/n38        The walkthrough assumes that you've <a href="/en-US/docs/
>Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" title>Tools/Firefox_OS_1.1_Simulator" title="/en-US/docs/Tools/Firefox_
>="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulator>OS_Simulator#Installing_the_Simulator_add-on">installed the Simul
>_add-on">installed the Simulator</a> and opened the Dashboard.>ator</a> and opened the Dashboard.
n88        In this section we'll debug a very simple (but very buggyn94        In this section we'll debug a very simple (but very buggy
>!) web app using the <a href="https://developer.mozilla.org/en-US>!) web app using the <a href="https://developer.mozilla.org/en-US
>/docs/Tools/Firefox_OS_Simulator" title="/en-US/docs/Tools/Firefo>/docs/Tools/Firefox_OS_1.1_Simulator" title="/en-US/docs/Tools/Fi
>x_OS_Simulator">Firefox OS Simulator</a>. The various versions of>refox_OS_Simulator">Firefox OS Simulator</a>. The various version
> the app are in the <a href="https://github.com/rpl/firefoxos-sim>s of the app are in the <a href="https://github.com/rpl/firefoxos
>ulator-walkthrough" title="https://github.com/rpl/firefoxos-simul>-simulator-walkthrough" title="https://github.com/rpl/firefoxos-s
>ator-walkthrough">firefoxos-simulator-walkthrough</a> repository >imulator-walkthrough">firefoxos-simulator-walkthrough</a> reposit
>on GitHub, and you can pick the walkthrough up at this point by s>ory on GitHub, and you can pick the walkthrough up at this point 
>tarting with the <a href="https://github.com/rpl/firefoxos-simula>by starting with the <a href="https://github.com/rpl/firefoxos-si
>tor-walkthrough/tree/master/whereami-2" title="https://github.com>mulator-walkthrough/tree/master/whereami-2" title="https://github
>/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-2">wher>.com/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-2">
>eami-2</a> version.>whereami-2</a> version.
n95      </p>The walkthrough assumes that you've <a href="/en-US/docn101      </p>The walkthrough assumes that you've <a href="/en-US/doc
>s/Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" tit>s/Tools/Firefox_OS_1.1_Simulator" title="/en-US/docs/Tools/Firefo
>le="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulat>x_OS_Simulator#Installing_the_Simulator_add-on">installed the Sim
>or_add-on">installed the Simulator</a>, opened the Dashboard, and>ulator</a>, opened the Dashboard, and added the app by clicking "
> added the app by clicking "Add Directory" in the Dashboard, then>Add Directory" in the Dashboard, then selecting the app's "manife
> selecting the app's "manifest.webapp" file.>st.webapp" file.
n173        In this section we'll debug a very simple (but very buggyn179        In this section we'll debug a very simple (but very buggy
>!) web app using the <a href="https://developer.mozilla.org/en-US>!) web app using the <a href="https://developer.mozilla.org/en-US
>/docs/Tools/Firefox_OS_Simulator" title="/en-US/docs/Tools/Firefo>/docs/Tools/Firefox_OS_1.1_Simulator" title="/en-US/docs/Tools/Fi
>x_OS_Simulator">Firefox OS Simulator</a>. The various versions of>refox_OS_Simulator">Firefox OS Simulator</a>. The various version
> the app are in the <a href="https://github.com/rpl/firefoxos-sim>s of the app are in the <a href="https://github.com/rpl/firefoxos
>ulator-walkthrough" title="https://github.com/rpl/firefoxos-simul>-simulator-walkthrough" title="https://github.com/rpl/firefoxos-s
>ator-walkthrough">firefoxos-simulator-walkthrough</a> repository >imulator-walkthrough">firefoxos-simulator-walkthrough</a> reposit
>on GitHub, and you can pick the walkthrough up at this point by s>ory on GitHub, and you can pick the walkthrough up at this point 
>tarting with the <a href="https://github.com/rpl/firefoxos-simula>by starting with the <a href="https://github.com/rpl/firefoxos-si
>tor-walkthrough/tree/master/whereami-3" title="https://github.com>mulator-walkthrough/tree/master/whereami-3" title="https://github
>/wbamberg/firefoxos-simulator-walkthrough/tree/master/whereami-1">.com/wbamberg/firefoxos-simulator-walkthrough/tree/master/wheream
>>whereami-3</a> version.>i-1">whereami-3</a> version.
n182        The walkthrough assumes that you've <a href="/en-US/docs/n188        The walkthrough assumes that you've <a href="/en-US/docs/
>Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" title>Tools/Firefox_OS_1.1_Simulator#Installing_the_Simulator_add-on" t
>="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulator>itle="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simul
>_add-on">installed the Simulator</a>, opened the Dashboard, and a>ator_add-on">installed the Simulator</a>, opened the Dashboard, a
>dded the app by clicking "Add Directory" in the Dashboard, then s>nd added the app by clicking "Add Directory" in the Dashboard, th
>electing the app's "manifest.webapp" file.>en selecting the app's "manifest.webapp" file.
n260        In this section we'll inspect network request from a veryn266        In this section we'll inspect network request from a very
> simple (but very buggy!) web app using the <a href="https://deve> simple (but very buggy!) web app using the <a href="https://deve
>loper.mozilla.org/en-US/docs/Tools/Firefox_OS_Simulator" title="/>loper.mozilla.org/en-US/docs/Tools/Firefox_OS_1.1_Simulator" titl
>en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</a>. >e="/en-US/docs/Tools/Firefox_OS_Simulator">Firefox OS Simulator</
>The various versions of the app are in the <a href="https://githu>a>. The various versions of the app are in the <a href="https://g
>b.com/rpl/firefoxos-simulator-walkthrough" title="https://github.>ithub.com/rpl/firefoxos-simulator-walkthrough" title="https://git
>com/rpl/firefoxos-simulator-walkthrough">firefoxos-simulator-walk>hub.com/rpl/firefoxos-simulator-walkthrough">firefoxos-simulator-
>through</a> repository on GitHub, and you can pick the walkthroug>walkthrough</a> repository on GitHub, and you can pick the walkth
>h up at this point by starting with the <a href="https://github.c>rough up at this point by starting with the <a href="https://gith
>om/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-4" ti>ub.com/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-4
>tle="https://github.com/rpl/firefoxos-simulator-walkthrough/tree/>" title="https://github.com/rpl/firefoxos-simulator-walkthrough/t
>master/whereami-4">whereami-4</a> version.>ree/master/whereami-4">whereami-4</a> version.
n269        The walkthrough assumes that you've <a href="/en-US/docs/n275        The walkthrough assumes that you've <a href="/en-US/docs/
>Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" title>Tools/Firefox_OS_1.1_Simulator#Installing_the_Simulator_add-on" t
>="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulator>itle="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simul
>_add-on">installed the Simulator</a>, opened the Dashboard, and a>ator_add-on">installed the Simulator</a>, opened the Dashboard, a
>dded the app by clicking "Add Directory" in the Dashboard, then s>nd added the app by clicking "Add Directory" in the Dashboard, th
>electing the app's "manifest.webapp" file.>en selecting the app's "manifest.webapp" file.
n320        In this section we'll customizing the app stylesheets usin326        In this section we'll customizing the app stylesheets usi
>ng the <a href="https://developer.mozilla.org/en-US/docs/Tools/Fi>ng the <a href="https://developer.mozilla.org/en-US/docs/Tools/Fi
>refox_OS_Simulator" title="/en-US/docs/Tools/Firefox_OS_Simulator>refox_OS_1.1_Simulator" title="/en-US/docs/Tools/Firefox_OS_Simul
>">Firefox OS Simulator</a>. The various versions of the app are i>ator">Firefox OS Simulator</a>. The various versions of the app a
>n the <a href="https://github.com/rpl/firefoxos-simulator-walkthr>re in the <a href="https://github.com/rpl/firefoxos-simulator-wal
>ough" title="https://github.com/rpl/firefoxos-simulator-walkthrou>kthrough" title="https://github.com/rpl/firefoxos-simulator-walkt
>gh">firefoxos-simulator-walkthrough</a> repository on GitHub, and>hrough">firefoxos-simulator-walkthrough</a> repository on GitHub,
> you can pick the walkthrough up at this point by starting with t> and you can pick the walkthrough up at this point by starting wi
>he&nbsp;version <a href="https://github.com/rpl/firefoxos-simulat>th the&nbsp;version <a href="https://github.com/rpl/firefoxos-sim
>or-walkthrough/tree/master/whereami-5" title="https://github.com/>ulator-walkthrough/tree/master/whereami-5" title="https://github.
>rpl/firefoxos-simulator-walkthrough/tree/master/whereami-5">where>com/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-5">w
>ami-5</a>.>hereami-5</a>.
n329        The walkthrough assumes that you've <a href="/en-US/docs/n335        The walkthrough assumes that you've <a href="/en-US/docs/
>Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" title>Tools/Firefox_OS_1.1_Simulator#Installing_the_Simulator_add-on" t
>="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulator>itle="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simul
>_add-on">installed the Simulator</a>, opened the Dashboard, and a>ator_add-on">installed the Simulator</a>, opened the Dashboard, a
>dded the app by clicking "Add Directory" in the Dashboard, then s>nd added the app by clicking "Add Directory" in the Dashboard, th
>electing the app's "manifest.webapp" file.>en selecting the app's "manifest.webapp" file.
n355        In this section we'll add payment receipt validation coden361        In this section we'll add payment receipt validation code
> to a web app using the <a href="https://developer.mozilla.org/en> to a web app using the <a href="https://developer.mozilla.org/en
>-US/docs/Tools/Firefox_OS_Simulator" title="/en-US/docs/Tools/Fir>-US/docs/Tools/Firefox_OS_1.1_Simulator" title="/en-US/docs/Tools
>efox_OS_Simulator">Firefox OS Simulator</a>. The various versions>/Firefox_OS_Simulator">Firefox OS Simulator</a>. The various vers
> of the app are in the <a href="https://github.com/rpl/firefoxos->ions of the app are in the <a href="https://github.com/rpl/firefo
>simulator-walkthrough" title="https://github.com/rpl/firefoxos-si>xos-simulator-walkthrough" title="https://github.com/rpl/firefoxo
>mulator-walkthrough">firefoxos-simulator-walkthrough</a> reposito>s-simulator-walkthrough">firefoxos-simulator-walkthrough</a> repo
>ry on GitHub, and you can pick the walkthrough up at this point b>sitory on GitHub, and you can pick the walkthrough up at this poi
>y starting with the <a href="https://github.com/rpl/firefoxos-sim>nt by starting with the <a href="https://github.com/rpl/firefoxos
>ulator-walkthrough/tree/master/whereami-6" title="https://github.>-simulator-walkthrough/tree/master/whereami-6" title="https://git
>com/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-6">w>hub.com/rpl/firefoxos-simulator-walkthrough/tree/master/whereami-
>hereami-6</a> <a href="https://github.com/wbamberg/firefoxos-simu>6">whereami-6</a> <a href="https://github.com/wbamberg/firefoxos-
>lator-walkthrough/tree/master/whereami-5" title="https://github.c>simulator-walkthrough/tree/master/whereami-5" title="https://gith
>om/wbamberg/firefoxos-simulator-walkthrough/tree/master/whereami->ub.com/wbamberg/firefoxos-simulator-walkthrough/tree/master/where
>5"></a>version.>ami-5"></a>version.
t364        The walkthrough assumes that you've <a href="/en-US/docs/t370        The walkthrough assumes that you've <a href="/en-US/docs/
>Tools/Firefox_OS_Simulator#Installing_the_Simulator_add-on" title>Tools/Firefox_OS_1.1_Simulator#Installing_the_Simulator_add-on" t
>="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simulator>itle="/en-US/docs/Tools/Firefox_OS_Simulator#Installing_the_Simul
>_add-on">installed the Simulator</a>, opened the Dashboard, and a>ator_add-on">installed the Simulator</a>, opened the Dashboard, a
>dded the app by clicking "Add Directory" in the Dashboard, then s>nd added the app by clicking "Add Directory" in the Dashboard, th
>electing the app's "manifest.webapp" file.>en selecting the app's "manifest.webapp" file.

Back to History