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

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

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

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

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

    20156 引用 • 77717 回帖
  • Q&A

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

    7017 引用 • 31714 回帖 • 220 关注
2 操作
zxkmm 在 2023-12-01 01:46:05 更新了该帖
zxkmm 在 2023-12-01 00:46:21 更新了该帖

相关帖子

被采纳的回答
  • 我只能给你提供向 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 上,用户代理通常会提供 WindowsWin 的标识。

    你可以利用这些标识来编写媒体查询,只在 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 代码进行调整。

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

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 我只能给你提供向 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 上,用户代理通常会提供 WindowsWin 的标识。

    你可以利用这些标识来编写媒体查询,只在 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 回复
  • 其他回帖
  • 我稍微查了一下,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 更新了该回帖
  • JeffreyChen 1 1 评论

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

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

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

    感谢,我之前用 js 实现了,但是不太想用 js 因为太臃肿了,如果能 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
汩余若将不及兮,恐年岁之不吾与。日月忽其不淹兮,春与秋其代序。 昆明

推荐标签 标签

  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1347 回帖 • 2 关注
  • 微信

    腾讯公司 2011 年 1 月 21 日推出的一款手机通讯软件。用户可以通过摇一摇、搜索号码、扫描二维码等添加好友和关注公众平台,同时可以将自己看到的精彩内容分享到微信朋友圈。

    130 引用 • 793 回帖
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    262 引用 • 664 回帖
  • 智能合约

    智能合约(Smart contract)是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易,这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 7 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    164 引用 • 594 回帖
  • 心情

    心是产生任何想法的源泉,心本体会陷入到对自己本体不能理解的状态中,因为心能产生任何想法,不能分出对错,不能分出自己。

    59 引用 • 369 回帖
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 606 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 609 关注
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 53 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    5 引用 • 62 回帖
  • React

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

    192 引用 • 291 回帖 • 430 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • 链滴

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

    记录生活,连接点滴

    143 引用 • 3752 回帖
  • 房星科技

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

    6 引用 • 141 回帖 • 566 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 1 关注
  • HBase

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

    17 引用 • 6 回帖 • 61 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    69 引用 • 190 回帖 • 474 关注
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖 • 1 关注
  • 京东

    京东是中国最大的自营式电商企业,2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月,京东在美国纳斯达克证券交易所正式挂牌上市(股票代码:JD),是中国第一个成功赴美上市的大型综合型电商平台,与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 403 关注
  • SMTP

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

    4 引用 • 18 回帖 • 609 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 714 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    14 引用 • 7 回帖 • 5 关注
  • RESTful

    一种软件架构设计风格而不是标准,提供了一组设计原则和约束条件,主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制。

    30 引用 • 114 回帖 • 2 关注
  • 思源笔记

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

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

    20156 引用 • 77717 回帖
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 632 关注
  • AngularJS

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

    12 引用 • 50 回帖 • 441 关注
  • 黑曜石

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

    A second brain, for you, forever.

    10 引用 • 88 回帖