-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
204 lines (189 loc) · 8.87 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="theme-color" content="#2196F3">
<title>WebADB tcpip</title>
<!-- CSS -->
<link href="css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link href="css/materialize.min.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body id="top" class="scrollspy">
<!-- Pre Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!--Navigation-->
<div class="navbar-fixed">
<nav id="nav_f" class="default_color" role="navigation">
<div class="container">
<div class="nav-wrapper">
<a href="#" id="logo-container" class="brand-logo">WebADB tcpip</a>
</div>
</div>
</nav>
</div>
<!--Hero-->
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="text_h center header cd-headline letters type">
<span>Easily enable</span>
<span class="cd-words-wrapper waiting">
<b class="is-visible">ADB over WiFi</b>
</span>
<span>via USB</span>
</h1>
</div>
</div>
<!--Intro and service-->
<div id="intro" class="section scrollspy">
<div class="container">
<div class="row">
<div class="col s12">
<h2 class="center header text_h2"><span class="span_h2">To get started</span>, connect the device of
which you want to turn on <span class="span_h2">ADB over WiFi</span> via a <span class="span_h2">USB cable</span>.
</h2>
<h2 class="center header text_h2">Make sure the target device has <span class="span_h2">USB Debugging</span>
enabled (<a class="span_h2"
href="https://developer.android.com/studio/debug/dev-options.html#enable">Learn
here</a> how to do that) and you are the <span class="span_h2">host</span> (a.k.a. you're charging the target).</h2>
</div>
<div class="col s12 m3 l4"> </div>
<div class="col s12 m6 l4">
<div id="connect"
class="center card promo promo-example waves-effect waves-block waves-dark">
<div class="card-content">
<i class="mdi-image-flash-on"></i>
<h5 class="promo-caption">Connect</h5>
<p class="light center" id="permissions">Select the device you want and make sure to grant all
permissions, both
on
this device and on the target
device.</p>
</div>
</div>
<div id="connecting" style="display: none"
class="center card promo promo-example waves-effect waves-block waves-dark">
<div class="card-content">
<i class="mdi-image-flash-on"></i>
<h5 class="promo-caption">Connecting...</h5>
<p class="light center" id="check-screen">Please check the screen of your device.</p>
</div>
</div>
<div id="connected" style="display: none"
class="center card promo promo-example">
<div class="card-content">
<i class="mdi-device-usb"></i>
<h5 class="promo-caption">Connected! :)</h5>
<p class="light center" id="connected-message">Which port do you want to enable ADB over WiFi
on?</p>
<p class="light center">Port: <input type="text" id="port" value="5555"/></p>
<div class="card-action">
<a class="span_h2" href="#" id="tcpip">Enable ADB over WiFi</a>
</div>
</div>
</div>
<div id="disconnect" style="display: none"
class="center card promo promo-example">
<div class="card-content">
<i class="mdi-device-usb"></i>
<h5 class="promo-caption">ADB over WiFi enabled! Now disconnect.</h5>
<p class="light center" id="your_ip"></p>
<div class="card-action">
<a class="span_h2" href="#" id="disconnect_button">Disconnect</a>
</div>
</div>
</div>
</div>
<div class="col s12 m3 l4"> </div>
</div>
<div class="row">
<div class="col s12 m3 l4"> </div>
<div class="col s12 m6 l4">
<div id="force_disconnect" style="display: none"
class="center card promo promo-example waves-effect waves-block waves-dark">
<div class="card-content">
<i class="mdi-image-flash-off"></i>
<h5 class="promo-caption">Force disconnect</h5>
</div>
</div>
</div>
<div class="col s12 m3 l4"> </div>
</div>
</div>
</div>
<!--Parallax-->
<div class="parallax-container">
<div class="parallax"><img src="img/parallax1.png"></div>
</div>
<div class="section scrollspy" id="disclaimer">
<div class="container">
<h2 class="header text_b"> Disclaimer </h2>
<p class="flow-text">This website is based on <a href="https://github.com/webadb/webadb.js">WebADB.js</a> and
the creator deserves
some credit!</p>
<p class="flow-text">
This webpage uses the <a href="https://developer.android.com/studio/command-line/adb.html">ADB</a> protocol
over
<a href="https://wicg.github.io/webusb">WebUSB</a> to access the Android device connected to your PC via
USB.
The whole elaboration is done locally and under your complete responsibility.<br>
</p>
<p class="flow-text">Be careful with this tool: <a href="https://labs.mwrinfosecurity.com/blog/webusb/">What
could possibly go
wrong?</a>
<p class="flow-text">Some stuff to look out for is to TRUST NO WEBSITE THAT PROVIDES ADB, not even this one,
unless you can view <a href="https://github.com/Jolanrensen/WebADB-tcpip">the source</a> for yourself.
Websites that offer ADB capabilities that cannot be ran offline, but instead require a server, should also
be checked very carefully or simply be avoided. ADB is a very powerful tool and if you can't see what a
website is doing with it
or is connected to an external server, your private information could be stolen or malware could be
installed on your phone!
Even when you trust the website, check that you use YOUR OWN URL to get to the website and that the URL you
use to open the website does not contain any %, or > characters. Those might be a sign of a XSS attack.
</p>
</p>
</div>
</div>
<!--Footer-->
<footer id="contact" class="page-footer default_color scrollspy">
<div class="container">
<div class="row">
<div class="col l3 s12">
<h5 class="white-text">This tool was made by Jolan Rensen</h5>
<ul>
<li><a class="white-text" href="https://www.jolanrensen.nl/">Website</a></li>
<li><a class="white-text" href="https://github.com/Jolanrensen/WebADB-tcpip">Github</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Donate</h5>
<ul>
<li>
<a class="white-text" href="https://paypal.me/jolanrensen">
<i class="small fa fa-paypal white-text"></i> Paypal
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright default_color">
<div class="container">
Theme made by <a class="white-text" href="http://joashpereira.com">Joash Pereira</a>. Thanks to <a
class="white-text" href="http://materializecss.com/">materializecss</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/webadb.js"></script>
<script src="js/init.js"></script>
</body>
</html>