-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·41 lines (40 loc) · 1.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<head>
<title>WadBug test page</title>
<link rel="stylesheet" href="wadbug.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
body{
background-color: #eee;
color: #333;
font-family: helvetica, verdana;
width: 700px;
margin: auto;
}
h1{
text-shadow: 1px 1px 1px #fff;
}
</style>
</head>
<body>
<h1>Wadbug: mobile web developer toolbar</h1>
<p>To install (relies on jQuery):</p>
<pre><link rel="stylesheet" href="wadbug.css" type="text/css" charset="utf-8">
<script src="wadbug.js" type="text/javascript" charset="utf-8"></script></pre>
<p>
Click on the <strong>X</strong> to open WadBug.
</p>
<p><strong>Home</strong>: details about the current device</p>
<p><strong>Console</strong>: Console: A faux console where you can see log events and execute
code. Click "help" to see some useful tricks, like using ":" for inspecting objects (eg :window.document).</p>
<p><strong>Cache</strong>: cache manifest events (if any - will only show after a cache event has fired).</p>
<p><strong>Live</strong>: won't make much sense to do here - it loads a file from the server
and polls for changes via Ajax. As you can't update the change file, you'll
only get some sample code (an alert that shows the date) executed once.
</p>
<p>
When you are developing with WadBug you can update the code and it will be
automatically run on your phone, so you can do "live changes".</p>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="wadbug.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>