@咯叽，如果你想在现有代码中添加固定CSS和JS文件的URL，你可以直接将它们写入文本节点。以下是修改后的代码：

// 获取当前URL
var url = window.location.href;

// 解码当前URL（实际上对于URL不需要解码，这里可以省略）
// url = decodeURI(url);

// 定义固定的CSS和JS文件URL
var cssUrl = "https://xxx.com/css.css";
var jsUrl = "https://xxx.com/js.js";

// 创建一个新的div元素
var div = document.createElement('div');
div.className = 'wei';

// 创建一个新的文本节点，包含当前URL、CSS文件URL和JS文件URL
var text = document.createTextNode(`当前URL: ${url}\n当前CSS: ${cssUrl}\n当前JS: ${jsUrl}`);

// 将文本节点添加到div元素中
div.appendChild(text);

// 将div元素添加到页面的最后
document.body.appendChild(div);

这段代码现在不仅显示了当前网页的URL，还包含了预定义好的CSS和JS文件的URL。

@咯叽，要获取当前页面的 CSS 和 JS 文件链接，您可以通过以下代码实现：

// 获取当前URL
var url = window.location.href;

// 解码当前URL
url = decodeURI(url);

// 获取所有CSS文件
var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
    return link.href;
});

// 获取所有JS文件
var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
    return script.src;
});

// 创建一个新的span元素
var div = document.createElement('div');
div.className = 'wei';

// 创建一个新的文本节点
var text = document.createTextNode(`当前URL: ${url}\n当前CSS: ${cssFiles.join(' ')}\n当前JS: ${jsFiles.join(' ')}`);

// 将文本节点添加到span元素中
div.appendChild(text);

// 将span元素添加到页面的最后
document.body.appendChild(div);

这段代码会获取当前页面的所有 CSS 和 JS 文件链接，并在文本节点中显示。将这段代码添加到您的页面中，即可看到当前页面的 URL、CSS 和 JS 文件链接。

@咯叽，在HTML中，defer属性是用于<script>标签的，它告诉浏览器在文档解析完成后，DOMContentLoaded事件触发之前执行脚本。然而，在你提供的JavaScript代码中并没有直接涉及defer属性。

如果你想获取并显示所有带有defer属性的JS文件，你可以修改选择器来仅选取具有defer属性的<script>标签：

// 获取所有使用了defer属性的JS文件
var jsFilesDeferred = Array.from(document.querySelectorAll('script[defer][src]')).map(function(script) {
    return script.src;
});

// 然后在创建文本节点时，将这部分信息添加进去
var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n使用defer属性的JS: ${jsFilesDeferred.join(' ')}`);

这样，你就可以单独列出那些使用了defer属性的JS文件了。不过请注意，这段代码仍然会同时显示所有CSS文件和所有（包括带有和不带有defer属性的）JS文件的信息。如果你只想显示带有defer属性的JS文件而不关心其他JS或CSS文件，只需更新最终的文本内容即可。

@咯叽，使用 defer 特性来确保脚本在文档解析完成后执行。下面是相应的修改：

// 获取当前URL
var url = window.location.href;

// 解码当前URL
url = decodeURI(url);

// 获取所有CSS文件
var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
    return link.href;
});

// 获取所有JS文件
var jsFiles = Array.from(document.querySelectorAll('script[src][defer]')).map(function(script) {
    return script.src;
});

// 创建一个新的span元素
var div = document.createElement('div');
div.className = 'wei';

// 创建一个新的文本节点
var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

// 将文本节点添加到span元素中
div.appendChild(text);

// 将span元素添加到页面的最后
document.body.appendChild(div);

这里使用 [defer] 选择器来获取带有 defer 属性的 <script> 元素。这样，它只会获取具有 defer 特性的脚本的链接。

@咯叽，如果你想在页面解析完成后再执行获取CSS和JS文件的代码，可以将这部分逻辑放入DOMContentLoaded事件监听器中。这样，在DOM加载完成后，才会执行获取并显示CSS和JS文件的操作：

document.addEventListener("DOMContentLoaded", function() {
    // 获取当前URL
    var url = window.location.href;

    // 解码当前URL（实际上对于URL不需要解码）
    // url = decodeURI(url);

    // 获取所有CSS文件
    var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
        return link.href;
    });

    // 获取所有JS文件
    var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
        return script.src;
    });

    // 创建一个新的span元素
    var div = document.createElement('div');
    div.className = 'wei';

    // 创建一个新的文本节点
    var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

    // 将文本节点添加到span元素中
    div.appendChild(text);

    // 将span元素添加到页面的最后
    document.body.appendChild(div);
});

这段代码会在整个网页的DOM结构完全加载和解析之后执行，确保了CSS和JS文件的信息能够正确获取。

@咯叽，如果你想确保在页面解析完成后执行这段代码，你可以将它放在 DOMContentLoaded 事件处理程序中。这样，它将在文档的 DOMContentLoaded 事件触发时执行，这表示文档已经解析完成。

以下是修改后的代码：

document.addEventListener("DOMContentLoaded", function() {
  // 获取当前URL
  var url = window.location.href;

  // 解码当前URL
  url = decodeURI(url);

  // 获取所有CSS文件
  var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
    return link.href;
  });

  // 获取所有JS文件
  var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
    return script.src;
  });

  // 创建一个新的span元素
  var div = document.createElement('div');
  div.className = 'wei';

  // 创建一个新的文本节点
  var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

  // 将文本节点添加到span元素中
  div.appendChild(text);

  // 将span元素添加到页面的最后
  document.body.appendChild(div);
});

这样确保了你的脚本在文档解析完成后执行。

@咯叽，如果你希望在页面解析完成后、其他 JavaScript 执行前执行你的代码，可以考虑将代码放在 setTimeout 中，将延迟时间设为 0 毫秒。这样可以将任务放到事件队列的最后，等待其他任务完成后再执行。

以下是修改后的代码：

document.addEventListener("DOMContentLoaded", function() {
  setTimeout(function() {
    // 获取当前URL
    var url = window.location.href;

    // 解码当前URL
    url = decodeURI(url);

    // 获取所有CSS文件
    var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
      return link.href;
    });

    // 获取所有JS文件
    var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
      return script.src;
    });

    // 创建一个新的span元素
    var div = document.createElement('div');
    div.className = 'wei';

    // 创建一个新的文本节点
    var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

    // 将文本节点添加到span元素中
    div.appendChild(text);

    // 将span元素添加到页面的最后
    document.body.appendChild(div);
  }, 0);
});

这样确保了你的代码在当前事件循环的最后执行。

@咯叽，可以尝试在页面加载完毕时包装所有的 JavaScript 代码，但要注意这种做法可能会影响页面的性能，特别是如果页面上有大量脚本文件时。以下是一个例子：

document.addEventListener("DOMContentLoaded", function() {
  // 你的第一个 JavaScript 代码
  setTimeout(function() {
    // 获取当前URL
    var url = window.location.href;

    // 解码当前URL
    url = decodeURI(url);

    // 获取所有CSS文件
    var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
      return link.href;
    });

    // 获取所有JS文件
    var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
      return script.src;
    });

    // 创建一个新的span元素
    var div = document.createElement('div');
    div.className = 'wei';

    // 创建一个新的文本节点
    var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

    // 将文本节点添加到span元素中
    div.appendChild(text);

    // 将span元素添加到页面的最后
    document.body.appendChild(div);
  }, 0);

  // 你的其他 JavaScript 代码，每段代码都包装在 setTimeout 中
  setTimeout(function() {
    // 第二段 JavaScript 代码
  }, 0);

  // 更多 JavaScript 代码
  setTimeout(function() {
    // 第三段 JavaScript 代码
  }, 0);
});

请注意，这种方式可能导致页面加载时间变长，因为所有脚本都会等待上一个脚本执行完毕后再执行。谨慎使用，确保性能不受到过多影响。

@咯叽，如果你想要包装整个页面的 JavaScript 代码，可以使用以下方法：

document.addEventListener("DOMContentLoaded", function() {
  // 你的整个 JavaScript 代码
  setTimeout(function() {
    // 获取当前URL
    var url = window.location.href;

    // 解码当前URL
    url = decodeURI(url);

    // 获取所有CSS文件
    var cssFiles = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(function(link) {
      return link.href;
    });

    // 获取所有JS文件
    var jsFiles = Array.from(document.querySelectorAll('script[src]')).map(function(script) {
      return script.src;
    });

    // 创建一个新的span元素
    var div = document.createElement('div');
    div.className = 'wei';

    // 创建一个新的文本节点
    var text = document.createTextNode(`当前URL: ${url}\n所用CSS: ${cssFiles.join(' ')}\n所用JS: ${jsFiles.join(' ')}`);

    // 将文本节点添加到span元素中
    div.appendChild(text);

    // 将span元素添加到页面的最后
    document.body.appendChild(div);
  }, 0);
});

此代码会在整个页面的 JavaScript 代码之前执行。请注意，setTimeout 中的 0 毫秒是为了将代码推送到事件队列的末尾，确保在当前 JavaScript 执行栈完成后执行。