css - 防止 JavaScript 更改页面样式

Question

我是使用 javascript 和 CSS 媒体查询的新手，想知道这里是否可行。

我有一个网页，上面有一个脚本。我有一个使用媒体查询的 CSS 文件。当媒体查询 css 正在运行时，我不希望脚本能够更改 css。我希望脚本仍然可以工作，因为它正在填充菜单。我只是不希望它改变位置或背景颜色或任何其他样式。有没有办法禁止脚本从 css 文件或 html 文件更改 css？（我不想编辑脚本）

Answer 1

不可能的。JavaScript 可以在页面加载后更改页面上的任何内容。不过，您可以禁用 JavaScript。=))

Answer 2

您可以考虑使用matchMedia来确定当前正在使用的媒体查询。如果特定的媒体查询有效，您只需跳过 JavaScript 说明。否则，您将像往常一样继续修改 UI。

使用 matchMedia，您还可以订阅媒体查询更改，以便从您的 JavaScript 中做出适当的响应。考虑在 MDN 上查看使用来自代码的媒体查询。

这个选项主要在最新的浏览器中可用，但你也可以为旧的浏览器填充它。