各位大佬请问有没有思路实现“代码片段在 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";
}
```
  • 思源笔记

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

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

    22340 引用 • 89395 回帖 • 1 关注
  • Q&A

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

    8113 引用 • 37006 回帖 • 160 关注
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 代码进行调整。

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

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 我稍微查了一下,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 更新了该回帖
  • 其他回帖
  • Wetoria 2 1 评论

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

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

    大佬如果您能写一个能用的 css 版本的我重新开个贴把积分也给您
    zxkmm
  • 我只能给你提供向 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 回复
  • platform 也适用于我提供的那段代码。用那种方式,你只需要提供一次,剩下的全可以单独写 CSS 控制了。

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

  • 查看全部回帖

推荐标签 标签

  • Flutter

    Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作,它正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 1 关注
  • Gitea

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

    4 引用 • 16 回帖 • 5 关注
  • CSS

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

    198 引用 • 550 回帖
  • OnlyOffice
    4 引用 • 3 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖 • 1 关注
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 31 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 1 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 58 关注
  • Angular

    AngularAngularJS 的新版本。

    26 引用 • 66 回帖 • 537 关注
  • RESTful

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

    30 引用 • 114 回帖 • 2 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    75 引用 • 1737 回帖 • 5 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    222 引用 • 473 回帖 • 1 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 642 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    179 引用 • 995 回帖
  • CodeMirror
    1 引用 • 2 回帖 • 129 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 387 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    543 引用 • 672 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 3 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 463 关注
  • DevOps

    DevOps(Development 和 Operations 的组合词)是一组过程、方法与系统的统称,用于促进开发(应用程序/软件工程)、技术运营和质量保障(QA)部门之间的沟通、协作与整合。

    47 引用 • 25 回帖
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    21 引用 • 31 回帖
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 114 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 1 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    132 引用 • 1114 回帖 • 124 关注
  • Maven

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

    186 引用 • 318 回帖 • 302 关注