fix

SoCXin · May 30, 2021 · 3b1d7ec · 3b1d7ec
1 parent 2639b90
commit 3b1d7ec
Showing 1 changed file with 48 additions and 1 deletion.
diff --git a/compile/index.html b/compile/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="sakura.css" />
+    <link rel="stylesheet" type="text/css" href="./sakura.css" />
     <title>编译</title>
     <link rel="shortcut icon" href="../src/favicon.ico"/>
     <link rel="bookmark"  	  href="../src/favicon.ico"/>
@@ -96,5 +96,52 @@
         <div id="mbedLog" class="buildLog"></div>
       </fieldset>
     </fieldset>
+    <fieldset>
+      <legend>WebUSB</legend>
+      <p>Enter the USB Vendor ID to filter connected WebUSB devices.
+        <ul>
+          <li>Boards with a <a href="https://github.com/devanlai/DAPLink/tree/nucleo_webusb">DAPLink</a> debug interface have a vendor ID of 0x0D28</li>
+          <li>Boards with the <a href="https://github.com/devanlai/dapboot/tree/highboot">dapboot</a> bootloader have a vendor ID of 0x1209 in DFU mode</li>
+        </ul>
+      </p>
+      <p>
+        <label for="vid">Vendor ID (hex):</label>
+        <input list="vendor_ids" type="text" name="vid" id="vid" value="0x1209" maxlength="6" size="8" pattern="0x[A-Fa-f0-9]{1,4}"/>
+        <datalist id="vendor_ids">
+          <option value="0x1209">dapboot DFU bootloader</option>
+          <option value="0x0D28">mbed DAPLink</option>
+        </datalist>
+      </p>
+      <p>
+        <span id="status"></span>
+      </p>
+      <p>
+        <button id="connect">Connect</button>
+      </p>
+      <p>
+        <div id="usbInfo" style="white-space: pre"></div>
+        <div id="dfuInfo" style="white-space: pre"></div>
+      </p>
+      <fieldset>
+        <legend>Runtime mode</legend>
+        <p>
+          If the device has a <a href="http://www.usb.org/developers/docs/devclass_docs/DFU_1.1.pdf">USB DFU</a> bootloader installed, use the detach button to switch from runtime mode to DFU mode.
+        </p>
+        <button id="detach" disabled="true">Detach DFU</button>
+      </fieldset>
+      <fieldset>
+        <label for="transferSize">Transfer Size:</label>
+        <input type="number" name="transferSize" id="transferSize" value="1024"/>
+        <legend>DFU mode</legend>
+        <fieldset>
+          <legend>Firmware Download (write to USB device)</legend>
+          <p>
+            <button id="download" disabled="true">Download</button>
+            <span id="binaryInfo"></span>
+          </p>
+          <div class="log" id="downloadLog"></div>
+        </fieldset>
+      </fieldset>
+    </fieldset>
   </body>
 </html>