将Web应用程序加载为Windows桌面应用程序的简单/最佳方法?(Simple/Best way to load Web App as Windows Desktop Application?)
你好基本上我有一个使用html5 / php等构建的web应用程序。它是一个音乐播放器,类似于spotify和潘多拉。 我想分发作为桌面应用程序的网络应用程序,以便人们可以直接从桌面运行它,而无需打开浏览器。 我不喜欢像系统这样的浏览器,只需加载web视图(类似于在iOS中加载web视图)(没有标签没有url栏等)
我听说过棱镜,但是已停产,我无法在任何地方找到下载链接。 你有什么建议吗?
对于Mac Os X,我发现了FluidApp,它似乎在构建独立应用程序方面效果很好。
对于iOS而言,我可以简单地通过webview加载网络应用程序,它可以很好地工作,正是我需要的。 对于android我基本上也加载了一个webview。
Windows让我陷入了通过独立桌面应用程序加载webapp的境地。 所以如果有人能帮助我,它将不胜感激!
Hello basically I have a web app built using html5/php, etc. Its a music player, similar to spotify and pandora. I want to distribute the web app for as a desktop application so people can run it straight from their desktop without opening a browser. I would not like a browser like system, just have the web view loaded (similar to just loading a webview in iOS) (no tabs no url bar, etc)
I heard of Prism but that is discontinued and I can't find a download link anywhere. Is there anything you suggest?
For Mac Os X, i found FluidApp, which seems to work great as it builds a stand alone app.
For iOS I can simply load the web app via a webview and it works great, just what i needed. For android i basically load a webview as well.
Windows just got me stump into loading the webapp via a standalone desktop app. So if anyone could help me out, it will be greatly appreciated!
原文:https://stackoverflow.com/questions/17225826
最满意答案
箭头是SVG用作背景图像。 您只需要通过指定填充颜色(下面的重要部分是您在
fill='something'
输入的内容)用您自己的CSS覆盖它。例如:
.custom-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") }
The arrows are SVG being used as the background image. You just need to override it with your own CSS by specifying the fill color (the important part below being what you enter in
fill='something'
).For example:
.custom-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") }
相关问答
更多-
bootstrap(4)如何修改自定义选择箭头以更改颜色(bootstrap (4) How to amend custom select arrow to change colour)[2022-12-01]
箭头是SVG用作背景图像。 您只需要通过指定填充颜色(下面的重要部分是您在fill='something'输入的内容)用您自己的CSS覆盖它。 例如: .custom-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='red' d='M2 0L0 2h4zm0 5L0 3h ... -
如何更改自定义颜色的引导程序进度条的颜色(How can I change color of bootstrap progress bar with custom color)[2023-07-27]
使用Bootstrap 3.2.0,您可以执行以下操作: $(function() { $("#one").addClass("progress-bar-purple"); $("#two").addClass("progress-bar-orange"); }); .progress-bar-purple { background-color: purple !important; } .progress-bar-orange { background- ... -
如果您想更改默认的鼠标光标主题: 你可以在注册表中修改它: 有三个主要的注册表键可以发挥作用。 注册表项HKEY_CURRENT_USER \ Control Panel \ Cursors包含活动的用户游标 1a)下面的值是不同类型的游标 1b)Scheme Source指定当前正在使用的游标方案的类型。 不同的值是: “0” - Windows默认 “1” - 用户方案 “2” - 系统方案 注册表项HKEY_CURRENT_USER \ Control Panel \ Cursors包含用户定义的游标 ...
-
选择箭头样式更改(Select arrow style change)[2023-06-01]
你有没有尝试这样的东西: .styled-select select { appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ } 没有测试,但应该工作。 编辑 :看起来Firefox仍然不支持此功能( 在这里阅读更多 ) 我在这里找到了一个解决方法,看看那个帖子上的jsfiddle 。 Have you tried somethin ... -
iOS - 是否可以将statusBarStyle更改为自定义颜色?(iOS - Is it possible to change statusBarStyle to a custom colour?)[2022-12-23]
恐怕没有访问私有API,这会让你的应用程序拒绝苹果评论。 最好找到一种方法,使您的应用程序设计可以使用给定的白色或黑色状态栏样式。 你可以做的一件事是创建你自己的状态栏,用你自己的标签和图标来模仿UIStatusBar,但这会是一个合理的麻烦。 I'm afraid there isn't without accessing private API's, which will get your app declined from apple review. It's best to just find a ... -
正如你所说,有几个问题。 请检查以下代码 $(document).ready(function () { var array = ["#3D567C", "#013C8A", "#67A0D7", "FBFCFC", "#D9DFE1"] var counter = 0; $(document).keyup(function (event) { event.preventDefault(); // prevent the def ...
-
创建自己的渲染器: public class MyRenderer : ToolStripRenderer { protected override void OnRenderArrow(ToolStripArrowRenderEventArgs e) { e.ArrowColor = Color.White; base.OnRenderArrow(e); } } 要使用它,请设置ToolStrip控件: toolStrip1.Renderer = new MyRenderer ...
-
Bootstrap 3 [2022-04-25]
.styled-select #categories { background: transparent; width: 268px; padding: 5px 5px 5px 30px; font-size: 16px; line-height: 1; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; } .styled-select { width: 2 ... -
首先,样式表单元素非常复杂和麻烦。 最近取得了一些进展,但从浏览器到浏览器的行为不一致。 问题来自浏览器历史上处理表单元素的方式(让操作系统决定元素外观)。 现在回答你的问题:出于某种原因,每当你修改FF默认样式表时,浏览器会在下拉列表中应用不同的样式(这可能是一个错误,一个糟糕的实现或计划行为,但它显然很烦人)。 一种解决方案是完全摆脱所有“chrome”,使用供应商属性-x-appearance: none ,如下所示: select { border: 1px solid silver; -w ...
-
bootstrap-daterangepicker更改自定义范围选择行为(bootstrap-daterangepicker change custom range selection behavior)[2022-12-08]
很抱歉我的回答较早,在这里我更新了我的代码。 也许这会有所帮助。 点击此处查看代码 Ok, as I didn't want to switch to a different date range picker, I decided to stick with this one but change its clickDate behaviour. The code I use for the clickDate is this, which has a comment on how it sets the ...