ui介面佈局都有什麼

藉助 Chrome 的標籤功能：

1. 開啟書籤管理頁

2.右上角三個點：

3.新增新書籤：

4.名稱自定義，貼上程式碼到網址中：

程式碼在這裡：

javascript: (function() {     var elements = document.body.getElementsByTagName('*');     var items = [];     for (var i = 0; i < elements.length; i  ) {         if (elements[i].innerHTML.indexOf('html * { outline: 1px solid red }') != -1) {             items.push(elements[i]);         }     }     if (items.length > 0) {         for (var i = 0; i < items.length; i  ) {             items[i].innerHTML = '';         }     } else {         document.body.innerHTML  =             'html * { outline: 1px solid red }';     } })();

最後標籤欄這樣：

實戰：隨意開啟一個網站，然後點選“標籤”。

初始狀態：

點選後的狀態：

歡迎關注