前端代码

node_modules/browser-sync-ui/lib/plugins/connections/connections.html

@@ -0,0 +1,18 @@
+<div bs-panel="controls outline">
+    <h1 bs-heading><icon icon="{{section.icon}}"></icon> {{section.title}}</h1>
+</div>
+<div bs-panel ng-if="!ui.connections.length">
+    <div bs-panel-content="basic">
+        <p>Connected devices/browsers will be listed here. If you are not seeing your device in the list,
+        it's probably because the Browsersync script tag is not being loaded on your page.</p>
+        <p>
+            Browsersync works by injecting an asynchronous script tag (<code>&lt;script async&gt;...&lt;/script&gt;</code>) right after the &lt;body&gt; tag during initial request. In order for this to work properly the &lt;body&gt; tag must be present. Alternatively you can provide a custom rule for the snippet using snippetOptions
+        </p>
+    </div>
+</div>
+
+<div bs-skinny>
+    <connection-list ng-if="ui.connections"
+                  options="options"
+                  connections="ui.connections"></connection-list>
+</div>