如何设置样式或禁用Monaco Editor中的「Loading...」文本？

• 暂停加载捕获元素：打开浏览器开发者工具（快捷键F12或Ctrl+Shift+I），切换到「Sources」面板，在页面主脚本的起始位置设置断点，刷新页面后加载会暂停在断点处，此时可逐步执行代码，找到「Loading...」元素出现的时机，查看其DOM结构与CSS类；也可以用「Performance」面板录制页面加载流程，回放时定位到元素显示的时间段，直接查看元素信息。
• 禁用JS固定元素：在开发者工具的设置中勾选「Disable JavaScript」，刷新页面后，动态生成的「Loading...」元素可能会停留在页面上，此时就能直接查看它的类名、ID或DOM路径，之后可以通过添加CSS规则类名 { display: none !important; }隐藏，或者找到对应的JS代码移除插入逻辑。
• 全局搜索定位代码：使用开发者工具的全局搜索功能（快捷键Ctrl+Shift+F），输入「Loading...」关键词，搜索页面所有的HTML、CSS、JS文件，找到生成该文本的代码片段，直接注释或修改相关逻辑。
• 强制匹配文本隐藏：如果无法定位具体类名，可通过CSS属性选择器或JS遍历匹配文本内容来隐藏：
  • CSS方法（部分浏览器支持:contains选择器，需启用实验性特性）：

    *:contains('Loading...') {
      display: none !important;
    }
    

  • JS方法：

    // 页面加载完成后遍历元素匹配文本并隐藏
    document.addEventListener('DOMContentLoaded', () => {
      document.querySelectorAll('*').forEach(el => {
        if (el.textContent.trim() === 'Loading...') {
          el.style.display = 'none';
        }
      });
    });
    // 监听DOM变化，实时移除动态插入的元素
    const observer = new MutationObserver(mutations => {
      mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => {
          if (node.nodeType === Node.ELEMENT_NODE && node.textContent.trim() === 'Loading...') {
            node.remove();
          }
        });
      });
    });
    observer.observe(document.body, { childList: true, subtree: true });
    

内容的提问来源于stack exchange，提问作者Lance Pollard