小编Art*_*org的帖子

如何使用navigator而不是window.webkitStorageInfo HTML5文件系统API?

所以这里有一个类似的帖子html-5-filesystem-access-type-error.但是,我对结论不是很满意,因为我觉得它实际上没有回答这个问题 - 给出的解决方案是不推荐使用的代码解决方案.有没有人知道如何使用navigator而不是window像Chrome控制台通知那样做?

我一直在使用以下它可以工作,但Chrome控制台一直告诉我不要这样做,因为它已被弃用.

工作不推荐的代码

window.webkitStorageInfo.requestQuota(PERSISTENT, 1024*1024*280, function(grantedBytes) {
    window.webkitRequestFileSystem(PERSISTENT, grantedBytes, onInitFs, errorHandler); 
}, function(e) {
    console.log('Error', e); 
});
Run Code Online (Sandbox Code Playgroud)

注意:onInitFs并且errorHandler它们都是在其他地方定义的功能.

控制台日志 - 我在控制台中收到的消息如下:

'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage'
or 'navigator.webkitPersistentStorage' instead. 
Run Code Online (Sandbox Code Playgroud)

因此,最佳做法是停止使用已弃用的方法.不幸的是,当我windownavigator它更换崩溃时(见下文).如何使用navigator而不是window访问文件系统?

javascript html5 google-chrome web-storage html5-filesystem

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

如何让输入无线电元素在react [material-ui]中水平对齐?

无线电组始终在材料-ui中列出.有没有办法水平对齐它们?例如,一条水平线上的所有单选按钮.

css reactjs material-ui

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

无法在Chrome 34中使用CSS变量

我之前曾为旧版Chrome 问过一个非常类似的问题.但是,我再一次很难让CSS变量工作,这次是在Windows 7上的Chrome 34(版本34.0.1847.131 m)中.(没有尝试过其他操作系统.)

我看到语法已经改变了(对于旧语法,请参阅上面链接的问题),新的语法是CSS Variables规范中的当前语法.:

:root {
  --main-color: #06c;
  --accent-color: #006;
}

/* The rest of the CSS file */
h1#foo {
  color: var(--main-color);
}
Run Code Online (Sandbox Code Playgroud)

值得注意的是,我确实启用启用实验性Web平台功能标志.但是,如果你看一下这个小提琴,我既不能在Chrome 34中使用旧语法,也不能使用新语法.

谷歌搜索没有发现任何已知的Chrome错误.我很好奇是否有新的东西需要做才能让它运转起来?我做错什么了吗?有没有人遇到过这个?

css google-chrome css3 css-variables

10
推荐指数
1
解决办法
6851
查看次数

启用了 selinux 的 Docker - 不允许在 /usr 中重新标记内容

我在 Centos7 上安装了 Docker,并将 selinux 设置为在主机上强制执行,并且 Docker 守护进程以 --selinux-enabled 标志启动。

当我尝试运行以下命令时

docker run -it   -v /usr/local/xya/log:/usr/local/xya/log:z centos/systemd touch /usr/local/xya/log/test 
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

docker: Error response from daemon: error setting label on mount source '/usr/local/xya/log': relabeling content in /usr is not allowed.
Run Code Online (Sandbox Code Playgroud)

根据一些文章(http://jaormx.github.io/2018/selinux-and-docker-notes/),“z ”标志应该使 /usr 可写;不确定我是否遗漏了一些东西。

Docker版本19.03.3,构建a872fc2f86 CentOS版本:CentOS Linux发行版7.5.1804

selinux docker

9
推荐指数
2
解决办法
6960
查看次数

HTML 5文件系统访问类型错误

我正在开发一个webapp,我正在尝试使用文件系统API访问目录.我需要在根据规范访问目录之前向用户请求配额.我应该这样做:

...
navigator.webkitPersistentStorage.requestQuota(PERSISTENT, 1024*1024, 
function(gB){
   window.requestFileSystem(PERSISTENT, gB, onInitFs, errorHandler);
}, function(e){
   console.log('Error', e);
})
...
Run Code Online (Sandbox Code Playgroud)

每次我这样做,我收到一条**TypeError: Type error**消息.请问我做错了什么?提前致谢.
注意:已经定义了onInitFs和errorHandler我只是没有在这里包含代码.

javascript html5 web-storage html5-filesystem

5
推荐指数
1
解决办法
3441
查看次数

有没有一种方法可以使用硒(java)/ web驱动程序(chrome)检查浏览器的ram使用情况

在运行硒测试用例时,是否可以找到/监视浏览器的ram使用情况?(在Java中)。

它仅需与chrome / chrome的硒驱动程序一起使用。

听起来好像有这种能力的潜力(1 1/2年前),但是我没有发现太多。

java google-chrome selenium-chromedriver selenium-webdriver

5
推荐指数
0
解决办法
476
查看次数

如何将 fs.createReadstream 与 fs.promises 一起使用

我使用require("fs").promises只是为了避免使用回调函数。

但是现在,我还想使用fs.createReadstreamPOST 请求附加文件。

我怎样才能做到这一点?或者在这种情况下什么改变 createReadstream ?还是我应该使用require("fs")

javascript stream fs node.js promise

5
推荐指数
1
解决办法
3555
查看次数

在Chrome 29+中使用CSS变量

我的Chrome浏览器刚刚从版本28切换到版本29.一旦切换,我的css3代码在新版本中停止工作,我想知道是否有人知道如何解决问题,而不必将浏览器设置回版本28?

更新Chrome 30从Chrome 29过渡到Chrome 30也杀死了CSS变量.在启用实验性WebKit功能标志不再是一个选项.

我一直在使用实验性WebKit功能,特别是CSS变量.我特别希望再次使用以下功能:

:root { 
  -webkit-var-Darkest: #3d0305;
  -webkit-var-Lightest: #EDD08C;
  -webkit-var-Light: #a98b46;
  -webkit-var-Cool: #38fcce;
  -webkit-var-Dark: #79161d;

  color: -webkit-var(Darkest);
  border-color: -webkit-var(Darkest);
  background-color: -webkit-var(Light);
}
Run Code Online (Sandbox Code Playgroud)

以前我只能使用CSS变量来启用标志(见下图)

启用实验性WebKit功能选项

css flags google-chrome css3 css-variables

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

如何在ajax调用完成之前阻止页面导航

所以我有一个ajax调用来调低几十个大小的数据块,然后通过html5文件系统api在本地存储数据.

我想阻止用户在完成ajax调用之前导航离开页面.我决定探索这个onbeforeunload事件,让它通知用户应该留在页面上,直到ajax调用完成.我在AJAX调用之前设置了以下内容,在AJAX调用结束/成功时我重置了window.onbeforeunload.

window.onbeforeunload = function(){
    return "Information is still downloading, navigating away from or closing "+ 
        "this page will stop the download of data";
}
Run Code Online (Sandbox Code Playgroud)

当我尝试关闭页面或离开页面时,弹出消息会按预期显示,通知用户留下.但是,一旦我确认我想留在页面上,ajax调用就不会从他们中断的地方恢复.有没有办法阻止ajax调用暂停/停止或继续执行/重启执行?

我愿意接受任何想法来实现本文标题中描述的所需功能.

ajax jquery onbeforeunload

3
推荐指数
1
解决办法
2203
查看次数

二进制流到 Uint8Array - JavaScript

我从 HTTP 请求接收到以下二进制流:

HTTP请求

Document.get({id: $scope.documentId}, function(stream){

});
Run Code Online (Sandbox Code Playgroud)

角工厂

.factory('Document', ['$resource', 'DOCUMENTS_CONFIG',
    function($resource, DOCUMENTS_CONFIG) {
        return $resource(DOCUMENTS_CONFIG.DETAIL_URL, {}, {
            get: {
                method: 'GET', 
                params: {}, 
                url: DOCUMENTS_CONFIG.DETAIL_URL,
                isArray: false
            }
        });
    }
]);
Run Code Online (Sandbox Code Playgroud)

回复

控制台.log(流) 我需要将其转换为 Uint8Array。我尝试将其转换为 bas64

// Convert Binary Stream To String
var dataString = JSON.stringify(stream);

// Convert to Base 64 Data
var base64Data = window.btoa(unescape(encodeURIComponent(dataString)));  
Run Code Online (Sandbox Code Playgroud)

当我运行此命令时,我收到错误“格式错误的 uri 异常”。我也尝试过 window.btoa(dataString) 但出现“无法在“Window”上执行“btoa”:要编码的字符串包含 Latin1 范围之外的字符”。

我怎样才能将其转换为 Uint8Array?

javascript binarystream angularjs uint8t

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

html5标头标签,导航标签中的锚标签是异常/不需要的高度

我一直在尝试使用html5标记格式化新的网页标题/导航栏.我很难让我的CSS正确地格式化.使用div和表我能够产生以下内容:

我多么希望它看起来

我想在不使用div或表的情况下生成上面的图像,以下是我的尝试无效的摘要.我相信我的理解display:table-cell是缺少某些东西.

更改为HTML下方,使用下面的CSS属性display:table,display:table-row,display:table-cell,等.导致一个不受欢迎的锚高度 - 我用一些开发工具戳了一下,我相当确定锚高度是问题.(完整的CSS在这个JsFiddle上):

<header>
<nav>
    <img class="logo" src="img.png"/>
    <a href=""><h1>Home</h1></a>
    <a href=""><h1>Blog</h1></a>
    <a href=""><h1>About</h1></a>
    <a href=""><h1>Contact</h1></a>
</nav>
</header>
Run Code Online (Sandbox Code Playgroud)

目前的结果

试图设置锚和标头标签max-height:100px不起作用(以及少数其他尝试),它一直计算到~130px.

请参阅JsFiddle获取代码.

css anchor html5 header nav

0
推荐指数
1
解决办法
370
查看次数