<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><script async>...</script></code>) right after the <body> tag during initial request. In order for this to work properly the <body> 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>