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

Question

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

这可能吗？

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

Answer 1

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

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

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

• CSS文件不公开，请确保将其保存到 正确（公共）文件夹。
• CSS文本无效，可能会查看CSS解析器以验证提交的CSS文本是否有效。
• 服务器已获取文件的mimetype错误，请检查以确保.css文件的mimetype为text/css。
• 可能有一个以前的CSS文件具有相同的名称，并且浏览器/服务器仍然从缓存服务，尝试在时间戳附加一个时间戳 保存时的文件名（即mycssfile.css?v=24353451）以消除这种可能性。

我希望有所帮助！