');-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 0;-webkit-mask-size:.5em 1em;-webkit-clip-path:inset(0 0 calc(1em - .5em) 0)padding-box;clip-path:inset(0 0 calc(1em - .5em) 0)padding-box;background-color:currentColor!important;margin-left:.125rem;padding:0 .25em;opacity:.84}.btn{display:inline-block;background-color:#055deb;color:#fff;font-size:16px;line-height:1.5;font-weight:700;text-align:center;text-decoration:none;padding:14px 24px;border-radius:28px;vertical-align:middle;border:2px solid transparent;will-change:background-color,color}@media screen and (max-width:640px){.btn{padding:14px 16px}}.icon-button{position:relative;width:48px;height:48px;border-radius:50%}.icon-button .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#055deb}.arrow-link{display:inline-flex;align-items:center;text-decoration:none;font-size:16px;font-weight:700;line-height:1.2;margin:0;padding:0}.arrow-link span{color:inherit;border-bottom:1px solid transparent}.arrow-link svg{width:20px;height:20px}.arrow-link.prev span{margin-left:4px;padding-top:2px;order:2}#cookie-notice{display:none;position:fixed;background-color:rgba(35,37,38,.97);left:0;right:0;bottom:-200px;box-shadow:0 -1px 14px rgba(0,0,0,6%),0 -1px 2px rgba(0,0,0,4%),0 -5px 15px rgba(0,0,0,4%);transform:translateZ(0);animation:slideUpCookieNotice .6s 1s ease-in forwards;z-index:100}#cookie-notice .cookie-content{position:relative;display:flex;align-items:center;justify-content:center;padding-top:12px;padding-bottom:12px}#cookie-notice .cookie-text{color:rgba(255,255,255,.7);font-size:14px}#cookie-notice .cookie-text a{text-decoration:none;color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.54)}@media screen and (max-width:576px){#cookie-notice .cookie-text{padding-right:146px}}#cookie-notice .agree-btn{margin:0 0 0 24px;padding:12px 24px}@media screen and (max-width:576px){#cookie-notice .agree-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;border-radius:0}}@keyframes slideUpCookieNotice{100%{bottom:0}}select{display:none}.expandable-section .expandable-section-link .link-show-more [class*=text-]{border-bottom:2px solid transparent}.expandable-section .expandable-section-link .link-show-more .text-hide{display:none}.animated-arrow-icon.to-left{transform:scaleX(-1)}.animated-arrow-icon .arrow-container{transform:translateX(-4px)}.animated-arrow-icon .arrow-line{stroke-dasharray:13px;stroke-dashoffset:13px}body,html{height:100%;margin:0;padding:0;color:#212121;font-family:pragmatica,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}html{scroll-padding-top:64px}.wrapper{min-height:100%;display:flex;flex-direction:column;align-items:stretch}.main{flex-grow:1}.content-holder{position:relative;max-width:1260px;margin-right:auto;margin-left:auto;padding-right:40px;padding-left:40px}@media screen and (max-width:768px){.content-holder{padding-right:32px;padding-left:32px}}@media screen and (max-width:480px){.content-holder{padding-right:20px;padding-left:20px}}.page-content{padding-top:calc(var(--navbar-height) + 40px);padding-bottom:80px}@media screen and (max-width:768px){.page-content{padding-top:calc(var(--navbar-height) + 24px);padding-bottom:56px}}#navbar{position:absolute;width:100%;height:var(--navbar-height);z-index:1000;background-color:var(--navbar-color)}#navbar .content-holder{height:100%}#navbar .nav-container{display:flex;height:100%;align-items:center}.navigation{height:100%}@media screen and (max-width:876px){.navigation{display:none}}.navigation .nav-list{display:flex;height:100%;list-style:none}#navbar{--navbar-item-bg:rgba(255, 255, 255, .12);--navbar-item-underline:rgba(255, 255, 255, .75)}.nav-item{display:flex;align-items:center;padding:0 22px;border-radius:0 0 8px 8px;-webkit-transform:translateZ(0)}@media screen and (max-width:1200px){.nav-item{padding:0 14px}}@media screen and (max-width:1024px){.nav-item{padding:0 10px}}.nav-item.opens-subnav{border-radius:0}.nav-item .nav-link{text-decoration:none;font-size:15px;color:var(--navbar-link-color);font-weight:700;line-height:20px;opacity:.75}@media screen and (min-width:961px){.nav-item .nav-link{font-size:16px}}.nav-item .nav-link span{padding-bottom:1px;border-bottom:1px solid transparent}.nav-item .nav-link.with-caret-icon:after{content:'';display:inline-block;vertical-align:middle;margin:-3px 0 0 6px;border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:6px;transform:rotate(45deg);transform-origin:66% 66%}.nav-item .nav-link.with-caret-icon span{border-style:dotted}.nav-item .nav-link.external-link{display:flex}.nav-item .nav-link.external-link span{margin-bottom:-2px}.nav-item .nav-link.dotted-underline span{border-style:dotted}.mobile-subnav .subsection-holder .subsection-title,.subnav-topbar .title-holder .title{color:rgba(0,0,0,.38);font-size:20px;font-weight:300}.subnav{visibility:hidden;opacity:0;background-color:#fff;will-change:opacity}@media screen and (max-width:876px){.subnav{width:100%;overflow-x:hidden}}.subnav .desktop-subnav,.subnav .mobile-subnav{display:none;height:100%}@media screen and (min-width:877px){.subnav .desktop-subnav{display:block}}.subnav .desktop-subnav .subsection{display:none}@media screen and (max-width:876px){.subnav .mobile-subnav{display:block}}.subnav .content-holder{overflow:auto}@media screen and (min-width:877px){.subnav .content-holder{padding-top:32px}}.subnav .navigation{display:block;padding-bottom:32px;height:auto}@media screen and (min-width:877px){.subnav .navigation{border-bottom:1px dotted rgba(0,0,0,.16);margin-bottom:32px}}.subnav .navigation .nav-list .nav-item{padding:0 32px 0 0}.subnav .navigation .nav-list .nav-item .nav-link{font-size:16px;font-weight:400;color:#212121;opacity:1}.subnav .navigation .nav-list .nav-item .nav-link.with-caret-icon:after{display:none}.mobile-subnav .subnav-body{display:flex;width:200%;height:calc(var(--app-window-height) - var(--navbar-height) - 72px);will-change:transform}.mobile-subnav .nav-holder,.mobile-subnav .subsection-holder{width:100%}.mobile-subnav .subsection-holder{will-change:transform}.mobile-subnav .subsection-holder .subsection{display:none}.mobile-subnav .subsection-holder .subsection-title{margin:16px 0 12px}.mobile-subnav .navigation{padding:0 0 12px}.mobile-subnav .navigation .nav-list{flex-direction:column}.mobile-subnav .navigation .nav-list .nav-item{padding:0;margin:0 -16px}.mobile-subnav .navigation .nav-list .nav-item .nav-link{width:100%;padding:20px 16px;border-radius:3px}.subnav-topbar{position:relative;padding:12px 0}@media screen and (min-width:877px){.subnav-topbar{display:none}}.subnav-topbar .subnav-underline{position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 50%,transparent 0,transparent);background-size:6px 1px}.subnav-topbar .topbar-holder{display:flex;align-items:center;justify-content:space-between}.subnav-topbar .title-holder{display:flex;align-items:center}.subnav-topbar .title-holder .arrow-link{display:none}.subnav-topbar .close-btn{margin-right:-6px}.subnav-topbar .close-btn .icon-button .icon{color:rgba(0,0,0,.26)}@media screen and (max-width:876px){.subnav-content{margin-top:16px}}@media screen and (min-width:877px){.subnav-content.services .category-products{flex-direction:row}.subnav-content.services .category-products .product-item:not(:first-child){margin-left:24px}}.subnav-content .section .heading{color:#055deb;font-size:24px;font-weight:300;padding-top:0;margin-bottom:24px}@media screen and (min-width:877px){.subnav-content .section .heading{display:none}}@media screen and (max-width:876px){.subnav-content .section .heading{color:#8f95a3;font-size:20px}}.subnav-content .section .heading+.category{margin-top:-16px}.subnav-content ul{list-style:none}.subnav-content .categories{display:flex;flex-direction:row;-moz-column-gap:32px;column-gap:32px}@media screen and (max-width:876px){.subnav-content .categories{flex-direction:column}}.subnav-content .category{padding:0 40px 40px 0}@media screen and (max-width:876px){.subnav-content .category{padding-bottom:24px;padding-right:0}}.subnav-content .category .subheading{color:#8f95a3;font-size:14px;margin-bottom:10px}@media screen and (min-width:877px){.subnav-content .category .subheading{font-size:16px}}.subnav-content .category-products{display:flex;flex-direction:column}.product-item:not(:last-child){margin-bottom:6px}@media screen and (min-width:877px){.product-item{margin-left:-16px}}@media screen and (max-width:876px){.product-item{margin-right:0}}.product-item .product-link{display:flex;flex-direction:row;align-items:center;padding:16px;border-radius:8px;min-width:100px;text-decoration:none}@media screen and (min-width:877px){.product-item .product-link{max-width:400px}}@media screen and (max-width:876px){.product-item .product-link{padding:14px 16px;margin-left:-16px;margin-right:-16px}}.product-item .product-link.with-description{align-items:flex-start}.product-item .product-link.active{background-color:rgba(200,221,255,.2)}.product-item .product-link.active span{color:#055deb;font-weight:700}@media screen and (min-width:877px){.product-item .product-link.active{background-color:var(--product-color)}.product-item .product-link.active span{color:#fff}.product-item .product-link.active .description{color:#fff}.product-item .product-link.active svg:not(.outline-logo) path{fill:#fff}}.product-item .product-link .external-link{display:flex}.product-item .product-link svg{flex-shrink:0;margin-right:12px;width:44px;height:44px}@media screen and (max-width:876px){.product-item .product-link svg{margin:0 16px 0 0;width:32px;height:32px}}.product-item .product-link span{font-size:15px;color:#212121}@media screen and (max-width:876px){.product-item .product-link span{font-size:16px}}.product-item .product-link .description{font-size:14px;color:#6a707f;margin-top:4px}#navbar{--logo-underline:white;--product-teamdev-logo:white;--menu-icon:white;--menu-icon-border:rgba(255, 255, 255, .54)}.logo .logo-nav-link .icon-menu{font-size:24px;color:var(--menu-icon)}.logo .logo-nav-link .icon-menu:before{display:flex;align-items:center;justify-content:center;height:40px;width:40px}.logo{height:100%;margin-right:auto}.logo .logo-nav-link{display:flex;align-items:center;text-decoration:none;height:100%;padding:0 20px;margin-left:-20px;will-change:width}@media screen and (max-width:876px){.logo .logo-nav-link{display:flex;align-items:center;height:100%}}.logo .logo-nav-link .teamdev-logo{height:30px}@media screen and (max-width:876px){.logo .logo-nav-link .teamdev-logo{height:24px}}@media screen and (min-width:877px){.logo .logo-nav-link .icon-menu{display:none}}.logo .logo-nav-link.product-logo{position:relative}.logo .logo-nav-link.product-logo .teamdev-logo{position:absolute;top:0;width:100px;transform-origin:left;transform:scale(.45)translateY(0)translateZ(0);will-change:transform}.logo .logo-nav-link.product-logo .teamdev-logo svg path{fill:var(--product-teamdev-logo)}.logo .logo-nav-link.product-logo .icon-menu{border:1px solid var(--menu-icon-border);margin:-1px}.logo .logo-nav-link.product-logo .product-sign{flex-shrink:0;display:inline-block;width:40px;height:40px;vertical-align:middle}.logo .logo-nav-link.product-logo .product-sign svg path{fill:#fff}.logo .logo-nav-link.product-logo .product-name{text-decoration:none;font-size:30px;font-weight:300;color:var(--navbar-logo-text-color);line-height:1;margin:3px 0 0 8px;vertical-align:middle;border-bottom:1px dotted transparent}@media screen and (max-width:1080px){.logo .logo-nav-link.product-logo .product-name{font-size:26px;margin-top:1px}}@media screen and (max-width:960px){.logo .logo-nav-link.product-logo .product-name{font-size:20px}}@media screen and (max-width:876px){.logo .logo-nav-link.product-logo .icon-menu,.logo .logo-nav-link.product-logo .teamdev-logo{display:none}}@media screen and (max-width:480px){.logo .logo-nav-link.product-logo{width:126px}.logo .logo-nav-link.product-logo .icon-menu{display:block;border-color:transparent}.logo .logo-nav-link.product-logo .product-sign{margin-left:6px}.logo .logo-nav-link.product-logo .product-name{display:none}}#navbar{--lang-select-arrow-color:rgba(255, 255, 255, .64);--lang-select-bg-color:rgba(255, 255, 255, .12)}.language-select-holder{position:relative;margin-left:4px}@media screen and (max-width:1024px){.language-select-holder{margin-left:-6px}}@media screen and (max-width:768px){.language-select-holder{margin-left:auto}}@media screen and (min-width:877px){.mobile-arrow-nav-item{display:none}}.mobile-arrow-nav-item .nav-link{display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:22px 0;color:#212121;border-top:1px dotted rgba(0,0,0,.16)}.mobile-arrow-nav-item .icon{font-size:24px;color:rgba(0,0,0,.26);margin-right:6px}:root{--snackbar-bottom-position:20px}.cli{position:relative;display:flex;font-family:fira code,monospace;border-radius:10px;background-color:#f0f2f5;padding:18px 48px 18px 32px;text-align:left}@media screen and (max-width:576px){.cli{padding-left:12px;padding-right:32px}}@media screen and (max-width:420px){.cli{font-size:13px}}.cli .sign{color:#8f95a3;margin-right:10px}.cli #copy-cli-code{position:absolute;top:4px;right:6px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:24px}@media screen and (max-width:576px){.cli #copy-cli-code{right:0}}@media screen and (max-width:420px){.cli #copy-cli-code{top:2px}}.cli #copy-cli-code i{font-size:20px;color:#8f95a3}:root{--hero-overlay-color:black}.features .feature-list .feature-backdrop{position:fixed;background-color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate3d(0,0,0);top:0;right:0;bottom:0;left:0;opacity:0;z-index:1002}.molybden #navbar .nav-item .nav-link{opacity:1}.molybden .hero{overflow:hidden}.molybden .hero .page-content{position:relative}.molybden .hero .page-content .image-blur-left,.molybden .hero .page-content .image-blur-right{position:absolute;z-index:-1}@media screen and (max-width:960px){.molybden .hero .page-content .image-blur-left,.molybden .hero .page-content .image-blur-right{display:none}}.molybden .hero .page-content .image-blur-left{top:-70px;left:-800px}.molybden .hero .page-content .image-blur-right{right:-840px;bottom:-130px;transform:rotate(300deg)scale(.6)}@media screen and (max-width:1440px){.molybden .hero .page-content .image-blur-right{display:none}}.molybden .hero .diagram{text-align:center}@media screen and (max-width:640px){.molybden .hero .diagram{display:none}}.molybden .hero .hero-text{display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (max-width:640px){.molybden .hero .hero-text{margin-top:40px}}.molybden .hero .title{position:relative;width:-moz-fit-content;width:fit-content;font-size:74px;color:#212121;line-height:1.2;font-weight:900;padding-top:0;margin-bottom:12px}@media screen and (max-width:640px){.molybden .hero .title{font-size:48px}}.molybden .hero .subtitle{max-width:490px;font-size:24px;font-weight:400;line-height:1.5;padding-top:0;margin-bottom:0}.molybden .hero .cli{margin-top:34px;max-width:460px;width:100%}@media screen and (min-width:961px){.molybden .how-it-works .step-supported-platforms .platform:first-child{grid-area:a}.molybden .how-it-works .step-supported-platforms .platform:nth-child(2){grid-area:b}.molybden .how-it-works .step-supported-platforms .platform:nth-child(3){grid-area:c}.molybden .how-it-works .step-supported-platforms .platform:nth-child(4){grid-area:d}}
Molybden
使用 HTML/CSS/JavaScript GUI 构建跨平台 C++ 桌面应用程序
$
npm create molybden-app@latest
快速入门指南 如何运作
提供项目名称
您的最终桌面应用程序的标题将与给定的项目名称相匹配。应用程序标题可以随时更改。
选择您最喜欢的 HTML/CSS/JavaScript GUI 框架。
Molybden 将使用 npm 下载并安装所有依赖项。
使用 C++ 实现应用程序业务逻辑
Molybden CLI 生成一个 CMake 项目,您可以在自己喜欢的 C++ IDE 中打开。
从您的集成开发环境(IDE)或使用命令行界面进行开发、调试和运行你的桌面应用程序:
使用丰富的 C++ 生态系统,结合各种库、框架和工具,构建高性能的桌面应用程序。
使用操作系统底层本地 API 并访问硬件。
使用 Web 技术构建现代应用程序 UI
使用广泛的 Web 开发工具、框架、即用型 UI 组件,为您的桌面应用程序构建现代、跨平台、经济高效、丰富和交互式的用户界面。
使用内置的 Chromium DevTools 调试 JavaScript 并修改 DOM/CSS。
启动一个带有热模块替换的开发服务器,在应用程序中即时反映用户界面的更改。
从 JavaScript 调用 C++,反之亦然。
通过自动类型转换、高性能和最佳内存使用,从 JavaScript 调用 C++ 函数和对象变得更加容易。
为您的应用添加品牌
自定义您的应用程序标题、图标、描述、版权、版本等。
为你的应用签名并公证
通过签名和公证,让您的应用程序获得终端用户的信赖。
构建本机可执行文件。
将您的应用程序作为本机可执行文件进行发布,以便在所有主要平台上获得最佳用户体验。
应用程序安装程序
将您的应用程序打包到本机 macOS 或 Windows 安装程序中,并将其发送给您的终端用户。
了解更多Windows 自定义
自定义您的应用程序窗口外观,控制其行为,进入/退出全屏模式等。
了解更多本地对话框
显示跨平台本地消息、文件系统或 JavaScript 对话框。
了解更多桌面通知
使用本地桌面通知,让用户了解您应用程序中的重要事件。
了解更多系统托盘
在 macOS 上的系统托盘和 Windows 上的通知区域中显示您的应用程序。
了解更多应用程序菜单
在 macOS 上,通过使用标准和自定义菜单项,定制主应用程序菜单。
了解更多拼写检查器
在您的应用程序中填写网页表单时,显示并纠正拼写错误。
了解更多本地化
将消息对话框和应用程序 UI 控件本地化为 50 多种语言。
了解更多DevTools
使用内置的 ChromeDevTools 检查 DOM,调试 JavaScript,优化 HTML/CSS/JS 前端。
了解更多网络
拦截网络请求,修改 HTTP 头,过滤 cookie,修改网络表单上传的数据等。
了解更多Cookies
访问、创建、删除和过滤会话和持久性 cookie。
了解更多代理服务器
配置您应用程序的 HTTP、HTTPS、FTP 和 SOCKS 代理设置。
了解更多用户代理
修改用户代理字符串,以便加载的网页知道是谁在显示它。
了解更多身份验证
处理 Basic、Digest、NTLM、Proxy 和 SSL 证书身份验证。与 SuisseID 和 U2F 设备协同工作。
了解更多视频和音频编解码器
使用内置编解码器播放视频和音频媒体内容,包括来自 Netflix 或 Amazon 的受 DRM 保护的内容。
了解更多自定义协议
通过注册自定义协议或拦截标准协议来模拟网络服务器响应。
了解更多表单自动填充
通过自动填写在线表格,包括姓名、地址、电话号码、电子邮件和付款信息,节省终端用户的时间。
了解更多
贴心支持
1 个工作日内收到回复
依靠我们严格的服务水平协议(SLA)来最大限度地减少停机时间,以及收到对您的请求有意义的反馈。
直接与开发人员沟通交流
产品工程师亲自处理所有技术支持请求。根据需要提供专业技术帮助,讨论如何让 Molybden 更好地为您服务。
安全通信
使用专用支持通信渠道,有关您项目的所有敏感信息都是安全的,并且被严格保密。
即时更新您的项目
我们会在新功能、改进功能、错误修复、安全增强和性能优化准备就绪后立即提供。
联系我们使用简单的网络表单,快速而安全地与我们联系,讨论您的需求。
登录帮助中心在您的个人帮助中心账户中秘密提交支持请求,并跟踪它们的状态。
值得依赖的团队
在开发与支持商业库和工具方面拥有 15 年的经验。
Vladimir Ikryanov
Senior Software Engineer
Artem Trofimov
Lead Software Engineer
Vladyslav Lubenskyi
Software Engineer
Vitaly Eremenko
Software Engineer
Andrii Kazantsev
Software Engineer
Oleksandr Boliachyi
Software Engineer
Ivan Diachenko
Software Engineer
Kyrylo Pshenychnyi
Software Engineer
Denys Hrulov
Software Engineer
无限项目
专业支持
免费的产品更新
服务水平协议 (SLAs)
完整文档
专属客户经理
免费 3 周评估
开始使用 Molybden 时自动激活。
对于定制协议、供应商表格注册等高级需求,
电汇或托管,请联系销售人员。
联系销售人员teamdev.cn
使用 cookie 来存储信息。 您可以在我们的隐私声明中了解更多详情。 我了解