登录 注册

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

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

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

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

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

    25043 引用 • 103194 回帖
  • Q&A

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

    9539 引用 • 43442 回帖 • 101 关注
2 操作
zxkmm 在 2023-12-01 01:46:05 更新了该帖
zxkmm 在 2023-12-01 00:46:21 更新了该帖
100 悬赏
1 收藏
2 操作
8 回帖
3
3
2
596 69 10 347 10 8 149

相关帖子

被采纳的回答
  • 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
回帖
454
 帖子
100
 积分
6169

近期热议

推荐标签 标签

  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    21 引用 • 204 回帖 • 1 关注
  • React

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

    192 引用 • 291 回帖 • 385 关注
  • uTools

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

    7 引用 • 27 回帖 • 1 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 295 关注
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 637 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 53 关注
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖 • 1 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 553 关注
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 101 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    187 引用 • 318 回帖 • 255 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 251 关注
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 593 关注
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 21 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢？

    26 引用 • 233 回帖 • 4 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器，详细介绍请看 将 Java Swing 应用变成 Web 应用 。

    1 引用 • 15 回帖 • 642 关注
  • RemNote
    2 引用 • 16 回帖 • 8 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 647 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 207 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 573 关注
  • 工具

    子曰：“工欲善其事，必先利其器。”

    298 引用 • 762 回帖

最新标签