登录 注册

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

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

如题，希望是在代码片段本体上实现，不修改思源代码（需要用官方的 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";
}
```
​
  • 思源笔记

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

    融合块、大纲和双向链接，重构你的思维。

    25922 引用 • 107425 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    9951 引用 • 45203 回帖 • 77 关注
2 操作
zxkmm 在 2023-12-01 01:46:05 更新了该帖
zxkmm 在 2023-12-01 00:46:21 更新了该帖
100 悬赏
1 收藏
2 操作
8 回帖
3
3
2
720 70 13 384 10 8 232

相关帖子

被采纳的回答
  • JeffreyChen •
    付费者 支持者 捐赠者

    我只能给你提供向 GPT 问问题的思路 trollface

    我试着问了一下 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 代码进行调整。

    需要注意的是，用户代理可以被修改或伪造，所以这种方法并不是绝对可靠的。但对于大多数普通用户来说，这种方法应该是有效的。

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • JeffreyChen •
    付费者 支持者 捐赠者

    我只能给你提供向 GPT 问问题的思路 trollface

    我试着问了一下 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 • • 2 • 1 评论 via macOS
    订阅者 付费者 捐赠者

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

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

    大佬如果您能写一个能用的 css 版本的我重新开个贴把积分也给您
    zxkmm •
  • zxkmm • • 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 •
    @a2930610542 感谢大佬，我还是采纳您的答案了
    zxkmm •
  • zxkmm •
    付费者 支持者 捐赠者 作者

    @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 • • 1 • 1 评论
    付费者 支持者 捐赠者

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

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

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

    感谢，我之前用 js 实现了，但是不太想用 js 因为太臃肿了，如果能 css 实现就太好了
    zxkmm •
  • Wetoria • • 1 via macOS
    订阅者 付费者 捐赠者

    我稍微查了一下，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 •
    付费者 支持者 捐赠者 作者

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

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

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

    1 回复
  • Wetoria • via macOS
    订阅者 付费者 捐赠者

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

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

请输入回帖内容 ...
zxkmm
回帖
470
 帖子
102
 积分
5931

近期热议

推荐标签 标签

  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    35 引用 • 468 回帖 • 762 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 111 关注
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 370 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    17 引用 • 7 回帖 • 4 关注
  • OneNote
    1 引用 • 3 回帖 • 1 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    92 引用 • 122 回帖 • 619 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 250 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 543 回帖
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 818 关注
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    32 引用 • 108 回帖
  • 书籍

    宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”

    80 引用 • 396 回帖
  • BND

    BND（Baidu Netdisk Downloader）是一款图形界面的百度网盘不限速下载器，支持 Windows、Linux 和 Mac，详细介绍请看这里。

    107 引用 • 1281 回帖 • 35 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 650 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 222 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖 • 1 关注
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    91 引用 • 59 回帖 • 5 关注
  • Dubbo

    Dubbo 是一个分布式服务框架，致力于提供高性能和透明化的 RPC 远程服务调用方案，是 [阿里巴巴] SOA 服务化治理方案的核心框架，每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持，并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 615 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    5 引用 • 16 回帖 • 1 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 65 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    7 引用 • 27 回帖
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 511 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    43 引用 • 44 回帖 • 2 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活，连接点滴

    180 引用 • 3878 回帖 • 1 关注
  • danl
    • 174 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖

最新标签