登录注册

各位大佬请问有没有思路实现“代码片段在 linux 上启用，Windows 上不启用”？

本贴最后更新于 357 天前，其中的信息可能已经时移世改

如题，希望是在代码片段本体上实现，不修改思源代码（需要用官方的 binary）。

#windowControls {
  order: -1;
}

#closeWindow {
  order: -1;
}

#minWindow {
  order: 0;
}

#maxWindow {
  order: 1;
}

用 js 实现了，跪求 css 的方法，会重新开贴重新给分，感激不尽！

if (navigator.platform.toLowerCase().includes("linux")) {
  windowControls.style.order = "-1";
  closeWindow.style.order = "-1";
  minWindow.style.order = "0";
  maxWindow.style.order = "1";
}
```

思源笔记

思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

融合块、大纲和双向链接，重构你的思维。
22339 引用 • 89387 回帖
Q&A

提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。
8112 引用 • 37003 回帖 • 160 关注

2 操作

zxkmm 在 2023-12-01 01:46:05 更新了该帖

zxkmm 在 2023-12-01 00:46:21 更新了该帖

zxkmm 11 个月前

100 悬赏

1 收藏

2 操作

8 回帖

441 67 10 274 10 8 69

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册关于

请输入回帖内容 ...

JeffreyChen • 11 个月前
付费者支持者捐赠者
我只能给你提供向 GPT 问问题的思路

我试着问了一下 GPT（下面的回答可能没什么用，但至少可以不断问 GPT）：

【Q】有什么思路能实现“拓展 CSS 代码片段在 linux 上生效，Windows 上不生效”？

【A】要实现在 Linux 上生效而在 Windows 上不生效的 CSS 代码片段，可以考虑使用 CSS 媒体查询（CSS media queries）来实现。媒体查询是一种 CSS 技术，允许根据设备的特性和属性来应用不同的样式。

在 Linux 和 Windows 上，可以使用不同的用户代理字符串（User Agent String）来区分两个操作系统。用户代理字符串是浏览器发送给服务器的一部分，其中包含有关浏览器和操作系统的信息。

以下是一种可能的实现思路：
1. 首先，检测用户代理字符串中的操作系统信息。可以使用 JavaScript 或服务器端的语言来获取用户代理字符串。
2. 如果用户代理字符串指示当前操作系统为 Linux，那么在 CSS 中应用特定的样式。可以为 Linux 编写一个 CSS 类或 ID 选择器，并在需要应用样式的元素上使用该选择器。
3. 如果用户代理字符串指示当前操作系统为 Windows，可以使用 CSS 媒体查询来排除 Linux 样式的应用。在 CSS 中，使用媒体查询来检查操作系统是否为 Windows，并在媒体查询中排除 Linux 样式。例如：
```
@media not all and (pointer: fine) and (hover: hover) and (pointer: coarse) and (pointer: none) and (os: linux) {
  /* 在Linux上生效的样式 */
}
```
这个媒体查询将匹配所有操作系统，除了 Linux。在媒体查询内部，可以编写应用于 Linux 以外操作系统的样式规则。

请注意，用户代理字符串可以被伪造或修改，因此这种方法并不是绝对可靠的。不同的浏览器和操作系统可能会有不同的用户代理字符串格式。因此，在实际应用中，可能需要进行更多的测试和调整来确保样式在目标操作系统上生效。

这只是一种可能的实现思路，具体的实现方式可能因应用的环境和需求而有所不同。

（重新生成）【A】要实现在 Linux 上生效，而在 Windows 上不生效的 CSS 代码片段，你可以使用 CSS 媒体查询（Media Queries）来实现。媒体查询允许你根据设备的属性或特征来应用不同的 CSS 样式。

在 Linux 上，大多数用户代理（User Agents）会提供一个标识来指示操作系统类型，比如 Linux。而在 Windows 上，用户代理通常会提供 Windows 或 Win 的标识。

你可以利用这些标识来编写媒体查询，只在 Linux 上应用特定的 CSS 样式。下面是一个示例：
```
/* 应用于Linux的CSS样式 */
@media only screen and (any-pointer: fine) and (pointer: fine) and (pointer: coarse) and (hover: none) and (pointer: none) and (device-orientation: landscape) and (device-aspect-ratio: 16/9) and (os: linux) {
  /* 在这里编写你的CSS代码 */
}
```
通过使用媒体查询和 os 属性，你可以在 Linux 上选择性地应用 CSS 样式。请注意，这只是一个示例，你可以根据自己的需求和具体的 CSS 代码进行调整。

需要注意的是，用户代理可以被修改或伪造，所以这种方法并不是绝对可靠的。但对于大多数普通用户来说，这种方法应该是有效的。
2 回复
Wetoria • 11 个月前 • 2 • 1 评论
订阅者付费者捐赠者

如果是 CSS 片段，你可以像 JC 提供的 GPT 回答里的方式。使用媒体查询，判断操作系统是什么。

如果是 JS 片段，可以从 navigator.userAgent 里获取到操作系统的信息，然后进行判断。

大佬如果您能写一个能用的 css 版本的我重新开个贴把积分也给您

zxkmm • 11 个月前
zxkmm • 11 个月前 • 2 评论
付费者支持者捐赠者作者
谢谢大佬！好像这个写了以后，在 windows 上也会被启用。
```
@media not all and (pointer: fine) and (hover: hover) and (pointer: coarse) and (pointer: none) and (os: linux){
    #windowControls {
    order: -1;
    }

    #closeWindow {
    order: -1;
    }

    #minWindow {
    order: 0;
    }

    #maxWindow {
    order: 1;
    }
}

```
```
毕竟我也没学过，只能你自己慢慢琢磨啦 😁

JeffreyChen • 11 个月前

@a2930610542 感谢大佬，我还是采纳您的答案了

zxkmm • 11 个月前

zxkmm • 11 个月前

付费者支持者捐赠者作者

@Wetoria @a290841209 谢谢两位大佬，这么晚还热心帮忙，这个积分我现在不知道该给谁了哈哈哈哈哈哈哈

我这样写了好像没用，然后用第一个好像不管哪个系统都会被启用。js 应该比较好实现但是如果可以写 css 就太棒了

/* 应用于Linux的CSS样式 */
@media only screen and (any-pointer: fine) and (pointer: fine) and (pointer: coarse) and (hover: none) and (pointer: none) and (device-orientation: landscape) and (device-aspect-ratio: 16/9) and (os: linux) {
  /* 在这里编写你的CSS代码 */

    #windowControls {
    order: -1;
    }

    #closeWindow {
    order: -1;
    }

    #minWindow {
    order: 0;
    }

    #maxWindow {
    order: 1;
    }

}

JeffreyChen • 11 个月前 • 1 • 1 评论
付费者支持者捐赠者

你可以按 Wetoria 提到的关键词去搜索

如果是 CSS 片段，你可以像 JC 提供的 GPT 回答里的方式。使用媒体查询，判断操作系统是什么。

如果是 JS 片段，可以从 navigator.userAgent 里获取到操作系统的信息，然后进行判断。

感谢，我之前用 js 实现了，但是不太想用 js 因为太臃肿了，如果能 css 实现就太好了

zxkmm • 11 个月前
Wetoria • 11 个月前 • 1
订阅者付费者捐赠者
我稍微查了一下，CSS 似乎是没有直接通过媒体查询实现的，你可以这样做：

增加如下 js 片段：
```
const userAgent = navigator.userAgent
if (userAgent.includes('Windows')) {
  document.body.classList.toggle('windows', true)
}
```
然后 css 片段可以这样写：
```
.windows {
  /* 这里面写 windows 的样式，我指的是正常写 CSS，比如我用你的代码举例 */
    #windowControls {
      order: -1;
    }

    #closeWindow {
      order: -1;
    }

    #minWindow {
      order: 0;
    }

    #maxWindow {
      order: 1;
    }
}

.linux {
 /* 这里面写 Linux 的样式 */
}
```
js 那一部分，我手上只有 mac，你自己测试一下，按照同样的逻辑加一下 Linux 的代码。

这样，以后要根据平台加样式也方便了。

另外，我刚起床-，-，我的一天才刚开始。
1 回复

1 操作
Wetoria 在 2023-12-01 02:47:34 更新了该回帖
zxkmm • 11 个月前
付费者支持者捐赠者作者

谢谢大佬，我还是用 js 实现了。js 有个 navigator.platform （https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform）可能比读 UA 好一点。只是我一总觉得动 js 不太稳定

，所以一直想找纯 css 实现。

请问我怎样给您积分比较合适

1 回复
Wetoria • 11 个月前
订阅者付费者捐赠者

platform 也适用于我提供的那段代码。用那种方式，你只需要提供一次，剩下的全可以单独写 CSS 控制了。

积分倒是无所谓，以后看到的我的内容，好的点点赞也可以。

请输入回帖内容 ...

zxkmm

回帖

338

帖子

积分

7006

各位大佬请问有没有思路实现“代码片段在 linux 上启用，Windows 上不启用”？

相关帖子

云端存储服务提供商网络连通性校验异常

有没有什么同步比较快的办法

关于 docker 端的发布功能

底部反链与笔记整理的问题

思源图床建议

请问无法剪藏思源链滴里面的文章是什么原因

思源笔记剪藏问题

欢迎来到这里！

近期热议

推荐标签标签

最新标签

各位大佬请问有没有思路实现“代码片段在 linux 上启用，Windows 上不启用”？

相关帖子

云端存储服务提供商网络连通性校验异常

有没有什么同步比较快的办法

关于 docker 端的发布功能

底部反链与笔记整理的问题

思源图床建议

请问无法剪藏思源链滴里面的文章是什么原因

思源笔记剪藏问题

欢迎来到这里！

近期热议

推荐标签 标签

最新标签

推荐标签标签