标签: electron

Atom Electron - 用javascript关闭窗口

我使用Electron(原原子壳层),并希望能有一个最低限度的框架窗口使三个OSX窗口按钮(关闭,最大化,最小化)来自可见范围内的HTML页面.

我将Electron选项设置framefalse在定义BrowserWindow具有无框无框窗口时.

我以为我可以用这样的东西来处理关闭按钮:

<a btn href="#" id="close" onclick="window.top.close(); return false"></a>
Run Code Online (Sandbox Code Playgroud)

遗憾的是没有运气.知道怎么做到这一点?

javascript electron

40
推荐指数
1
解决办法
6万
查看次数

39
推荐指数
7
解决办法
3万
查看次数

警告:'sandbox' 不在已知选项列表中,但仍传递给 Electron/Chromium

我正在使用Linux Mint 20vscode 1.52.1

我的~/.xsession-errors文件显示Warning: 'sandbox' is not in the list of known options, but still passed to Electron/Chromium.

导致此错误的原因是什么,解决方法是什么?

electron visual-studio-code

39
推荐指数
1
解决办法
6390
查看次数

如何从浏览器窗口强制外部链接在Electron的默认浏览器中打开?

我正在使用BrowserWindow来显示应用程序,我想强制在默认浏览器中打开外部链接.这是可能的还是我必须以不同的方式处理这个问题?

node.js electron

38
推荐指数
4
解决办法
1万
查看次数

禁用webkit(或电子)中的缩放缩放

有没有办法在电子应用程序中禁用缩放缩放?

我无法使用正常的javascript方法在Web视图中工作,如下所述:https://stackoverflow.com/a/23510108/665261

电子似乎不支持这面--disable-pinch旗帜.

我使用以下各种方法进行了实验:

  1. event.preventDefault()关于javascript touchmove/mousemove事件
  2. meta viewport HTML中的标签
  3. -webkit-text-size-adjust 在CSS中
  4. 标志/配置电子

对于webkit,或者特别是电子,有什么方法吗?

html javascript css webkit electron

37
推荐指数
1
解决办法
1万
查看次数

用电子本地保存文件

我有一些模板文件,每个文件包含一些变量字符串,我想用Electron(http://electron.atom.io/)构建一个非常简单的输入表单,我想将组合输出文件保存在用户的电脑.

我可以使用任何模块让Electron在本地保存文件吗?

javascript forms npm electron

37
推荐指数
3
解决办法
6万
查看次数

FontAwesome无法在本地和电子应用中加载字体

我使用npm下载了FontAwesome,然后使用grunts copy任务将css文件和字体复制到我的电子应用程序的根目录中的右侧文件夹中.

到现在为止还挺好.一切都应该是它应有的地方.

现在,当我在我的应用程序中引用FontAwesome时,图标不会被加载.这些是我在控制台中遇到的错误:

无法解码下载的字体:
file:///path/to/fonts/fontawesome-webfont.woff2?v = 4.4.0
OTS解析错误:无法将WOFF 2.0字体转换为SFNT

无法解码下载的字体:
file:////path/to/fonts/fontawesome-webfont.woff?v = 4.4.0
OTS解析错误:WOFF标题中的文件大小不正确

无法解码下载的字体:
file:////path/to/fonts/fontawesome-webfont.ttf?v = 4.4.0
OTS解析错误:表目录的entrySelector 不正确

我已经尝试通过删除所有版本参数来修改FontAwesome的css文件,但这似乎不是问题.通过electron .在浏览器中查看html文件时启动应用程序,可以解决问题.

UPDATE

回答一些意见:

  • 这个问题在电子和浏览器中发生(在chrome和firefox中测试)
  • 我使用的是FontAwesome(4.4.0)和Electron(0.32.1)的最新版本(通过npm全新安装)
  • css加载如下: <link rel="stylesheet" type="text/css" href="css/font-awesome.css" >

javascript css gruntjs font-awesome electron

36
推荐指数
5
解决办法
4万
查看次数

如何在Electron应用程序中保留数据?

我一直在搜索Electron文档,试图找出如何在Electron应用程序中保存数据.例如,在iOS或OS X中,您可以使用NSUserDefaults来存储用户设置和首选项.我想做类似的事情.如何在Electron应用程序中保留数据?

electron

36
推荐指数
7
解决办法
4万
查看次数

Electron.js如何最小化/关闭窗口到系统托盘并从托盘恢复窗口?

我希望我的Electron.js应用程序能够存放在系统托盘上,每当用户想要做某些事情时,他们都可以从系统托盘中恢复,并将其最小化/关闭回系统托盘.我怎么做?

我已经看过tray文档中的部分但是没有太大帮助实现我想要的东西.

这是我到目前为止在main.js文件上得到的

var application = require('app'),
    BrowserWindow = require('browser-window'),
    Menu = require('menu'), 
    Tray = require('tray'); 
application.on('ready', function () {
    var mainWindow = new BrowserWindow({
        width: 650,
        height: 450,
        'min-width': 500,
        'min-height': 200,
        'accept-first-mouse': true,
        // 'title-bar-style': 'hidden',
        icon:'./icon.png'
    });
    mainWindow.loadUrl('file://' + __dirname + '/src/index.html');
    mainWindow.on('closed', function () {
        mainWindow = null;
    });
    mainWindow.setMenu(null);

    var appIcon = null;
    appIcon = new Tray('./icon-resized.png');
    var contextMenu = Menu.buildFromTemplate([
        { label: 'Restore', type: 'radio' }
    ]);
    appIcon.setToolTip('Electron.js …
Run Code Online (Sandbox Code Playgroud)

javascript node.js nw.js electron

36
推荐指数
4
解决办法
3万
查看次数

如何在React的Material UI简单输入上启用文件上传?

我正在使用带有redux形式和材料ui的电子反应样板创建一个上传文件的简单表格.

问题是我不知道如何创建输入文件字段,因为材料ui不支持上传文件输入.

关于如何实现这一点的任何想法?

reactjs electron redux-form react-redux formsy-material-ui

36
推荐指数
10
解决办法
5万
查看次数