diff --git a/src/panels/dev-info/ha-panel-dev-info.js b/src/panels/dev-info/ha-panel-dev-info.js
index edefaa11cc..08e53e04a7 100644
--- a/src/panels/dev-info/ha-panel-dev-info.js
+++ b/src/panels/dev-info/ha-panel-dev-info.js
@@ -157,7 +157,10 @@ class HaPanelDevInfo extends PolymerElement {
               </div>
             </template>
           </p>
-          <p><a href='/lovelace'>Try out the new Lovelace UI (experimental)</a></p>
+          <p>
+            <a href='/lovelace'>Try out the new Lovelace UI (experimental)</a>
+            <div id="love" style="cursor:pointer;" on-click="_toggleDefaultPage">[[_defaultPageText()]]</div
+          </p>
         </div>
 
         <div class="system-log-intro">
@@ -334,6 +337,22 @@ class HaPanelDevInfo extends PolymerElement {
         this.updating = false;
       });
   }
+
+  _defaultPageText() {
+    return localStorage.defaultPage === 'lovelace' ?
+      '>> Remove lovelace as default page page on this device <<' :
+      '>> Set lovelace as default page page on this device <<';
+  }
+
+  _toggleDefaultPage() {
+    const curIsLove = localStorage.defaultPage === 'lovelace';
+    if (curIsLove) {
+      delete localStorage.defaultPage;
+    } else {
+      localStorage.defaultPage = 'lovelace';
+    }
+    this.$.love.innerText = this._defaultPageText();
+  }
 }
 
 customElements.define('ha-panel-dev-info', HaPanelDevInfo);