Quellcode durchsuchen

提交样式更改

瑞强 吴 vor 8 Monaten
Ursprung
Commit
7deba52f3c
3 geänderte Dateien mit 23 neuen und 19 gelöschten Zeilen
  1. 2 2
      js/CodeEditor.js
  2. 5 4
      page.html
  3. 16 13
      page.js

+ 2 - 2
js/CodeEditor.js

@@ -82,7 +82,7 @@ class CodeEditor {
             _this.editor = monaco.editor.create(editorContainer, {
                 language: _this.language ?? "html",
                 value: "",
-                automaticLayout: true,
+                // automaticLayout: true,
                 minimap: {
                     enabled: minimap,
                 },
@@ -103,7 +103,7 @@ class CodeEditor {
         if (this.editor) {
             let editorModel = this.editor.getModel();
             editorModel.setValue(code ?? "");
-            this.editor.getAction("editor.action.formatDocument").run();
+            // this.editor.getAction("editor.action.formatDocument").run();
         } else {
             this.waitShowCode = code ?? "";
         }

+ 5 - 4
page.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-eval';">
-    <title>Document</title>
+    <title>中联Web分析插件</title>
     <link rel="stylesheet" href="./page.css">
 
     <script src="./lib/popper-2.0.0/popper.js"></script>
@@ -30,8 +30,8 @@
 <body>
     <div class="zl-container">
         <div class="tabs">
-            <div class="tab active" data-id="tabFirst">选择器调用清单</div>
-            <div class="tab" data-id="tabSecond">事件</div>
+            <div class="tab active" data-id="tabFirst">DOM操作及属性</div>
+            <div class="tab" data-id="tabSecond">冒泡事件</div>
             <!-- <div class="tab" data-id="tabThree"></div> -->
         </div>
         <div class="tab-container">
@@ -39,7 +39,8 @@
                 <div class="zl-row">
                     <div class="zl-col-6">
                         <div class="zl-row">
-                            <div class="zl-table-head table-title">JS中过滤器清单</div>
+                            <div class="zl-table-head table-title">当前DOM操作清单
+                            </div>
                             <div class="zl-table-height">
                                 <div class="table table-bordered" id="filterTable">
                                 </div>

+ 16 - 13
page.js

@@ -8,7 +8,7 @@ let cssFileInfo = {}
 let oldFile; // 记录上一次点击的文件信息
 
 // 记录页卡信息
-// const pageTab = new PageTab();
+// let pageTab = new PageTab();
 
 chrome.runtime.onMessage.addListener(async (request, sender, sendResponse) => {
   if (request.msgToPopup === "发送页面") {
@@ -95,6 +95,11 @@ function InitTable() {
         {
           dataField: "JS文件",
           dataType: "JS文件",
+          groupIndex: 0
+        },
+        {
+          dataField: "DOM操作分类",
+          dataType: "DOM操作分类",
         },
         {
           dataField: "过滤器",
@@ -104,16 +109,13 @@ function InitTable() {
           dataField: "所在位置",
           dataType: "所在位置",
         },
-        {
-          dataField: "DOM操作分类",
-          dataType: "DOM操作分类",
-        },
       ],
       onContentReady(e) { },
       onSelectionChanged: function (selectedItems) {
         let data = selectedItems.selectedRowsData[0];
-        jsCode.dataType = 3;
         if (data) {
+          oldFile = ""
+          jsCode.dataType = 3;
           let ast = data.astJSON;
           if (data.JS文件 !== nowFileName) {
             nowFileName = data.JS文件;
@@ -174,14 +176,15 @@ function InitTable() {
         {
           dataField: "文件",
           caption: "来源文件",
-          cellTemplate: function (tdom, tdMsg) {
+          groupCellTemplate: function (tdom, tdMsg) {
             let name = tdMsg.value;
             try {
               name = (name === "用户自定义" ? name : name.match(/\/([^\/]+\.css)(\?[^ ]*)?$/)[1])
             } catch {
             }
             tdom.text(name)
-          }
+          },
+          groupIndex: 0
         },
         {
           dataField: "分类",
@@ -208,6 +211,9 @@ function InitTable() {
             let code = ""
             if (!cssFileInfo[fileName]) {
               code = fileName === "用户自定义" ? "" : await (await fetch(fileName)).text();
+              cssFileInfo[fileName] = {
+                code
+              }
             } else {
               code = cssFileInfo[fileName].code
             }
@@ -216,9 +222,6 @@ function InitTable() {
             if (oldFile !== fileName) {
               //更改JS代码
               jsCode.SetCode(code);
-              cssFileInfo[fileName] = {
-                code: jsCode.GetCode()
-              }
             }
             //移出所有高亮
             jsCode.RemoveAllHighlight();
@@ -564,7 +567,7 @@ function CssJsonData(jsonData) {
         文件: match.origin,
         样式属性: match.style,
         选择器: match.text,
-        分类: "伪类::" + pseudoType + "样式"
+        分类: "伪类样式"
       })
     })
   });
@@ -581,7 +584,7 @@ function CssJsonData(jsonData) {
       文件: rule.origin,
       样式属性: rule.style,
       选择器: rule.text,
-      分类: "匹配样式"
+      分类: "外敛样式"
     })
   })