Update static/browser.html
Browse files- static/browser.html +2 -9
static/browser.html
CHANGED
|
@@ -124,7 +124,6 @@ html,body{
|
|
| 124 |
</head>
|
| 125 |
<body>
|
| 126 |
|
| 127 |
-
<!-- Tab strip -->
|
| 128 |
<div id="tab-strip">
|
| 129 |
<div class="tab">
|
| 130 |
<img class="tab-fav" id="fav"
|
|
@@ -134,22 +133,17 @@ html,body{
|
|
| 134 |
</div>
|
| 135 |
</div>
|
| 136 |
|
| 137 |
-
<!-- Toolbar -->
|
| 138 |
<div id="toolbar">
|
| 139 |
-
<!-- Back -->
|
| 140 |
<button class="nb" id="b-back" disabled title="Go back">
|
| 141 |
<svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
|
| 142 |
</button>
|
| 143 |
-
<!-- Forward -->
|
| 144 |
<button class="nb" id="b-fwd" disabled title="Go forward">
|
| 145 |
<svg viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
|
| 146 |
</button>
|
| 147 |
-
<!-- Reload -->
|
| 148 |
<button class="nb" id="b-rel" title="Reload">
|
| 149 |
<svg viewBox="0 0 24 24"><path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
|
| 150 |
</button>
|
| 151 |
|
| 152 |
-
<!-- Omnibox -->
|
| 153 |
<div id="omni">
|
| 154 |
<span id="lock">
|
| 155 |
<svg viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
|
|
@@ -161,13 +155,11 @@ html,body{
|
|
| 161 |
</span>
|
| 162 |
</div>
|
| 163 |
|
| 164 |
-
<!-- Menu -->
|
| 165 |
<button class="nb" title="Chrome menu" style="margin-left:2px">
|
| 166 |
<svg viewBox="0 0 24 24"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>
|
| 167 |
</button>
|
| 168 |
</div>
|
| 169 |
|
| 170 |
-
<!-- Viewport -->
|
| 171 |
<div id="vp-wrap">
|
| 172 |
<canvas id="vp" tabindex="0"></canvas>
|
| 173 |
<div id="overlay">
|
|
@@ -194,7 +186,8 @@ const BW = 1280, BH = 800;
|
|
| 194 |
|
| 195 |
// ββ WebSocket βββββββββββββββββββββββββββββββββββββββββββββββββββββ
|
| 196 |
const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
|
| 197 |
-
|
|
|
|
| 198 |
let ws = null;
|
| 199 |
|
| 200 |
function setStatus(msg, ok=false){
|
|
|
|
| 124 |
</head>
|
| 125 |
<body>
|
| 126 |
|
|
|
|
| 127 |
<div id="tab-strip">
|
| 128 |
<div class="tab">
|
| 129 |
<img class="tab-fav" id="fav"
|
|
|
|
| 133 |
</div>
|
| 134 |
</div>
|
| 135 |
|
|
|
|
| 136 |
<div id="toolbar">
|
|
|
|
| 137 |
<button class="nb" id="b-back" disabled title="Go back">
|
| 138 |
<svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
|
| 139 |
</button>
|
|
|
|
| 140 |
<button class="nb" id="b-fwd" disabled title="Go forward">
|
| 141 |
<svg viewBox="0 0 24 24"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>
|
| 142 |
</button>
|
|
|
|
| 143 |
<button class="nb" id="b-rel" title="Reload">
|
| 144 |
<svg viewBox="0 0 24 24"><path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
|
| 145 |
</button>
|
| 146 |
|
|
|
|
| 147 |
<div id="omni">
|
| 148 |
<span id="lock">
|
| 149 |
<svg viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
|
|
|
|
| 155 |
</span>
|
| 156 |
</div>
|
| 157 |
|
|
|
|
| 158 |
<button class="nb" title="Chrome menu" style="margin-left:2px">
|
| 159 |
<svg viewBox="0 0 24 24"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>
|
| 160 |
</button>
|
| 161 |
</div>
|
| 162 |
|
|
|
|
| 163 |
<div id="vp-wrap">
|
| 164 |
<canvas id="vp" tabindex="0"></canvas>
|
| 165 |
<div id="overlay">
|
|
|
|
| 186 |
|
| 187 |
// ββ WebSocket βββββββββββββββββββββββββββββββββββββββββββββββββββββ
|
| 188 |
const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
|
| 189 |
+
// FIXED WEBSOCKET URL HERE
|
| 190 |
+
const WS = `${proto}//${location.host}/ws`;
|
| 191 |
let ws = null;
|
| 192 |
|
| 193 |
function setStatus(msg, ok=false){
|