19 <title>Mobile Web Debugger</title> |
19 <title>Mobile Web Debugger</title> |
20 <!-- jQuery-ui Begins --> |
20 <!-- jQuery-ui Begins --> |
21 <link type="text/css" rel="stylesheet" href="preview/script/jquery-ui/css/ui-darkness/jquery-ui-1.8.2.custom.css"/> |
21 <link type="text/css" rel="stylesheet" href="preview/script/jquery-ui/css/ui-darkness/jquery-ui-1.8.2.custom.css"/> |
22 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.4.2.min.js"></script> |
22 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-1.4.2.min.js"></script> |
23 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script> |
23 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery-ui-1.8.2.custom.min.js"></script> |
|
24 <script type="text/javascript" src="preview/script/jquery-ui/js/jquery.numeric.pack.js"></script> |
24 <!-- jQuery-ui Ends --> |
25 <!-- jQuery-ui Ends --> |
25 <script type="text/javascript" language="JavaScript" src="preview/script/emulator.js"></script> |
26 <script type="text/javascript" language="JavaScript" src="preview/script/emulator.js"></script> |
26 <script type="text/javascript" language="JavaScript" src="preview/script/helper.js"></script> |
27 <script type="text/javascript" language="JavaScript" src="preview/script/helper.js"></script> |
27 <script type="text/javascript" language="JavaScript" src="preview/script/layout.js"></script> |
28 <script type="text/javascript" language="JavaScript" src="preview/script/layout.js"></script> |
28 <script type="text/javascript" language="JavaScript" src="preview/script/menu.js"></script> |
29 <script type="text/javascript" language="JavaScript" src="preview/script/menu.js"></script> |
82 <span class="open" id="Console-Toggle-Button"></span> |
83 <span class="open" id="Console-Toggle-Button"></span> |
83 </div> |
84 </div> |
84 <div id="tabs" class="tabs-bottom"> |
85 <div id="tabs" class="tabs-bottom"> |
85 <ul id="tabs-header"> |
86 <ul id="tabs-header"> |
86 <li><a href="#console">Console</a></li> |
87 <li><a href="#console">Console</a></li> |
87 <li><a href="#event-acceleration">Acceleration</a></li> |
88 <li><a href="#event-acceleration">Screen</a></li> |
88 <li><a href="#event-battery-info">Battery</a></li> |
89 <li><a href="#event-battery-info">Battery</a></li> |
89 <li><a href="#event-messaging-info">Events</a></li> |
90 <li><a href="#event-messaging-info">Events</a></li> |
90 <li><a href="#settings-view">Preferences</a></li> |
|
91 </ul> |
91 </ul> |
92 <div id="console" class="hide" style="height: 100%"> |
92 <div id="console" class="hide" style="height: 100%"> |
93 <span id="Console-Clear-Button"></span> |
93 <span id="Console-Clear-Button"></span> |
94 <div style="clear:left;"></div> |
94 <div style="clear:left;"></div> |
95 <div id="preview-ui-bottom-body" style="height: 100%"></div> |
95 <div id="preview-ui-bottom-body" style="height: 100%"></div> |
96 </div> |
96 </div> |
97 <div id="event-acceleration" class="hide"> |
97 <div id="event-acceleration" class="hide"> |
98 <div style="width: 100%"> |
98 <table cellpadding='0' cellspacing='0' width="100%"> |
99 <div style="margin-left: auto; margin-right: auto; width: 250px"> |
99 <tr> |
|
100 <th>Screen Resolution:</th> |
|
101 <td> |
|
102 <select id="resOptions"> |
|
103 <option selected="selected" value="http://www.forum.nokia.com/devices/matrix_240x320_1.html">240x320</option> |
|
104 <option value="http://www.forum.nokia.com/devices/matrix_320x240_1.html">320x240</option> |
|
105 <option value="http://www.forum.nokia.com/devices/matrix_360x640_1.html">360x640</option> |
|
106 <option value="http://www.forum.nokia.com/devices/E90_Communicator">800x352</option> |
|
107 </select> |
|
108 </td> |
|
109 </tr> |
|
110 <tr> |
|
111 <th> |
100 <canvas width="140px" height="120px" id="phoneposition" >No canvas available</canvas> |
112 <canvas width="140px" height="120px" id="phoneposition" >No canvas available</canvas> |
101 <div id="accel-data"> |
113 </th> |
102 <div>X Axis: <span id="xaxis" class="readonly-field">0000</span></div> |
114 <td> |
103 <div>Y Axis: <span id="yaxis" class="readonly-field">0</span></div> |
115 <div><button id="xleft"></button><input id="xaxis" class="ui-widget axis-entry"/><button id="xright"></button></div> |
104 <div>Z Axis: <span id="zaxis" class="readonly-field">0</span></div> |
116 <div><button id="yleft"></button><input id="yaxis" class="ui-widget axis-entry"/><button id="yright"></button></div> |
105 </div> |
117 <div><button id="zleft"></button><input id="zaxis" class="ui-widget axis-entry"/><button id="zright"></button></div> |
106 </div> |
118 </td> |
107 <div id="accel-sliders"> |
119 </tr> |
108 <div style="height: 15px"> |
120 </table> |
109 <div id="sliderY"></div> |
|
110 </div> |
|
111 <div style="height: 15px"> |
|
112 <div id="sliderZ"></div> |
|
113 </div> |
|
114 <div style="height: 15px"> |
|
115 <div id="sliderX"></div> |
|
116 </div> |
|
117 </div> |
|
118 </div> |
|
119 </div> |
121 </div> |
120 <div id="event-battery-info" class="hide"> |
122 <div id="event-battery-info" class="hide"> |
121 <table cellpadding='0' cellspacing='0' width="100%"> |
123 <table cellpadding='0' cellspacing='0' width="100%"> |
122 <tr> |
124 <tr> |
123 <th>Charging status</th> |
125 <th>Charging status</th> |
151 <a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a> |
153 <a class="ui-button-fixed" id="disconnect-memory-card">Disconnect</a> |
152 </td> |
154 </td> |
153 </tr> |
155 </tr> |
154 </table> |
156 </table> |
155 </div> |
157 </div> |
156 <div id="settings-view" class="hide"> |
|
157 <table width="100%" cellpadding="0" cellspacing="0"> |
|
158 <tr> |
|
159 <th> |
|
160 WRT Version |
|
161 </th> |
|
162 <td> |
|
163 <label><input type="radio" name="wrt_version" id="wrt_version_1_0" value="WRT 1.0"/> WRT 1.0</label> |
|
164 <label><input type="radio" name="wrt_version" id="wrt_version_1_1" value="WRT 1.1"/> WRT 1.1</label> |
|
165 </td> |
|
166 </tr> |
|
167 <tr> |
|
168 <th> |
|
169 Home Screen view |
|
170 </th> |
|
171 <td> |
|
172 <div id="HS_Control_Info"> |
|
173 Hello |
|
174 </div> |
|
175 </td> |
|
176 </tr> |
|
177 </table> |
|
178 </div> |
|
179 <div id="mini-view-info" class="hide"> |
|
180 <div class="ui-panel"> |
|
181 <a class="ui-button" id="mini-view-back">Back</a> |
|
182 </div> |
|
183 <table cellpadding='0' cellspacing='0' width="100%"> |
|
184 <tr> |
|
185 <th>To enable Mini view support for HomeScreen widget </th> |
|
186 </tr> |
|
187 <tr> |
|
188 <td> |
|
189 Add this line in Info.plist file |
|
190 <code><key>MiniViewEnabled</key><br/><true/></code> |
|
191 and optionally add the following to the MainHTML file |
|
192 <code><div id="miniView"> <-- Define your Home Screen view here --> </div></code><br/> |
|
193 See Web Developer's Library for <a class="link" href="http://library.forum.nokia.com/index.jsp?topic=/Web_Developers_Library/GUID-63F4E17E-8895-4054-82AD-762B90610B30.html" target="_blank">more details</a> |
|
194 </td> |
|
195 </tr> |
|
196 </table> |
|
197 </div> |
|
198 </div> |
158 </div> |
199 </div> |
159 </div> |
200 <div id="TopToolbar"> |
|
201 <div id="rotateCW"></div> |
|
202 <select id="resOptions"> |
|
203 <option selected="selected" value="http://www.forum.nokia.com/devices/matrix_240x320_1.html">240x320</option> |
|
204 <option value="http://www.forum.nokia.com/devices/matrix_320x240_1.html">320x240</option> |
|
205 <option value="http://www.forum.nokia.com/devices/matrix_360x640_1.html">360x640</option> |
|
206 <option value="http://www.forum.nokia.com/devices/E90_Communicator">800x352</option> |
|
207 </select> |
|
208 <div id="rotateCCW"></div> |
|
209 </div> |
|
210 <div id="PreferencesBtn" class="hide"></div> |
|
211 <div id="InspectorBtn" class="hide"></div> |
160 <div id="InspectorBtn" class="hide"></div> |
212 <div id="orientationIcon"></div> |
161 <div id="orientationIcon"></div> |
213 <div id="loaderDiv"></div> |
162 <div id="loaderDiv"></div> |
214 <div id="NotificationDiv" class="hide"> |
163 <div id="NotificationDiv" class="hide"> |
215 <p>WRT Simulation may not work properly on this browser, <br/>Chrome is recommended for widget preview and debugging. <br/><br/><strong>Continue?</strong></p> |
164 <p>WRT Simulation may not work properly on this browser, <br/>Chrome is recommended for widget preview and debugging. <br/><br/><strong>Continue?</strong></p> |