从浏览器动态加载 css 文件到节点

Load a css file to node dynamically from browser

我需要创建一种机制，使设计人员能够将 css 文件从浏览器添加到已部署的应用程序。 我正在考虑一个带有文件加载的页面来加载 css 文件或一个表单来上传纯 css 代码。然后应用程序可以将 css 代码动态加载到应用程序并更改样式。

这可能吗？

编辑：css 文件不存在，我想创建一种机制，允许用户以文本形式提交 css 类，以及这个新文本自动加载到应用程序。

是的，这是可能的。这是一个粗略的方法：

  1. 有一个页面可以收集 CSS 文本。
  2. Post CSS 文本到服务器。
  3. 将 CSS 文本作为服务器上的文件保存到 Internet 可用的文件夹中。
  4. 将新建的CSS文件的URL添加到所有需要它的HTML文件中。
  5. 完成服务器请求。

如果您正确执行了上述步骤，提交 CSS 文本的用户现在应该会在页面上看到新样式。如果他们不这样做，可能是因为：

  • CSS 文件 public 不可用，请确保将其保存到 正确的 (public) 文件夹。
  • CSS 文本无效，也许查看 CSS 解析器以验证提交的 CSS 文本是否有效。
  • 服务器获取的文件 mimetype 错误，请检查以确保 .css 个文件以 text/css.
    • 的 mimetype 提供
  • 之前可能有一个同名的 CSS 文件，并且 browser/server 仍在缓存中提供服务，请尝试在文件末尾附加时间戳 保存时的文件名（即 mycssfile.css?v=24353451）以消除这种可能性。

希望对您有所帮助！