webkit相关内容

WebkitSpeechRecognition 在 Electron 中返回网络错误

最近(过去 1.5 周内)javascript 库 WebkitSpeechRecognition 拒绝正常工作.我已经测试了使用该库的其他电子应用程序(evan cohen 的智能镜像)并遇到了问题. 在我测试过的所有情况下,它都会引发网络错误.该库似乎在标准浏览器环境中运行良好,但我似乎无法让它与电子一起使用.有人有这方面的经验吗? 解决方案 Google 好像已经为 elect ..

在 webkit(或电子)中禁用捏缩放

有没有办法在 electron 应用程序中禁用捏合缩放? 我无法使用此处所述的普通 javascript 方法从 web 视图内部工作:https://stackoverflow.com/a/23510108/665261 似乎 --disable-pinch 标志是 电子不支持. 我尝试了各种方法: event.preventDefault() on javascript ..
发布时间:2022-01-10 22:08:12 前端开发

忽略 Firefox 中特定于 Webkit 的 CSS 选择器

我正在开发一个 jQuery 主题,其中包含尽可能多的表单元素的样式.最初它是为 Webkit (Chrome) 开发的.现在我想让它也适用于 Firefox. 问题是;Firefox 在某些特定于 Webkit 的语法方面存在问题. 例如: input[type="range"]::-webkit-slider-thumb,输入[类型=收音机],输入[类型=复选框] {-webki ..
发布时间:2022-01-10 08:12:12 前端开发

在 Android 浏览器中,链接并不总是执行 onClick 导致焦点

我正在尝试为使用 HREF 的链接编写一个非常标准的 JS 行为onClick 处理程序,我正面临一个奇怪的问题,这是由我认为是 Android 上的焦点/触摸模式行为引起的. 有时当我单击链接时,它并没有执行操作,而是简单地被选中/聚焦,只有一个焦点矩形,甚至还有一个填充的焦点矩形(选择而不是仅仅聚焦?). 现在的伪代码是 ..
发布时间:2022-01-09 17:48:45 移动开发

css菜单悬停“挂起"在铬 &苹果浏览器

您好-努力使用三级 css 菜单. 在 Mac 版 FireFox 和 Opera 中运行良好,但在 Chrome 和 Safari 中,当您将光标移开后,第三级“粘住"或“挂起"作为水印. 我尝试了一些不同的东西,但运气不佳. 现场演示: http://www.it-stud.hiof.no/~本德/tmp/ 我已经删除了所有其他内容,所以这只是菜单 css &html ..
发布时间:2022-01-06 15:00:27 前端开发

去掉 -webkit-padding-start: 40px

我正在为地图添加菜单.菜单工作正常,但我注意到无论应用到菜单的 CSS 是什么,左边总是有一个填充.填充似乎源自 (-webkit-padding-start: 40px;) 并且它不想消失.我试图用 0 !important; 覆盖它,但没有做任何事情. 谷歌搜索后发现: -webkit-padding-开始:40px;IE 和 Firefox 应该是什么? 但是找不到关于如何 ..
发布时间:2022-01-06 14:39:06 前端开发

在 JavaScript 中检测 WebKit 设备的物理屏幕尺寸

我想在客户端 JavaScript 代码中按屏幕宽度对设备进行分类 适合一只手(少 7 英寸)的所有设备都适合移动类别 将其他设备视为桌面设备 后备:将不支持必要 API 的设备视为移动设备 问题 我可以使用哪些相关的 JavaScript 和 CSS API 来检测屏幕物理尺寸?请注意,旧浏览器不一定支持这些 API,因为存在安全回退.此外,我也不关心旧版桌面浏览器 ..
发布时间:2022-01-04 18:26:56 前端开发

iOS Safari 滚动到顶部在某些页面上不起作用.为什么?

免责声明:网站已同时更新,新版本的设计不再出现此问题. 在我建立的一个新网站上,我注意到 Safari (iOS 5) 中有一个奇怪的怪癖.通常您可以点击 Safari 顶部的黑条滚动到任何网页的顶部.在我的新网站上,这适用于主页,但不适用于单个文章页面. 试试吧!versbeton.nl(有效!)与 versbeton.nl/2012/01/vers-vloeibaar/(不起作用! ..
发布时间:2022-01-04 18:25:15 移动开发

HTML 书籍式分页

如何将 HTML 文件的内容拆分为屏幕大小的块以在 WebKit 浏览器中对其进行“分页"? 每个“页面"应显示完整数量的文本.这意味着一行文本不得在屏幕的顶部或底部边框处被切成两半. 编辑 这个问题最初被标记为“Android",因为我的目的是构建一个 Android ePub 阅读器.但是,该解决方案似乎可以仅使用 JavaScript 和 CSS 来实现,因此我扩大了问题的 ..
发布时间:2022-01-04 12:59:42 前端开发

空白:nowrap 打破了 flexbox 布局

我使用 Flexbox 为应用程序创建了响应式布局.布局要求左侧有一个可折叠的菜单,中间有一个标题和正文的块,右侧有一个可切换的帮助窗格(还有更多内容,但这是基本结构). 左侧菜单有两种状态:180 像素宽或 80 像素宽.帮助窗格要么隐藏,要么占用 180 像素.中间的盒子占据了其余的空间.Flexbox 就像一个魅力. 当我使用 white-space: nowrap 制作滚动 d ..
发布时间:2021-12-31 13:25:00 前端开发

Chrome 忽略列布局中的 flex-basis

我无法让 Chrome 在 flex-direction: column 布局中注意 flex: 1 1 25% 的 flex-basis 部分.它在 row 布局中工作正常. 下面的代码片段演示了这个问题:黄色、蓝色和粉红色条是 flex-basis 50px、25% 和 75%,显示在列和行的 flex 方向上. 如果您在 Firefox(或 IE11 或 Edge)中运行它,列和 ..
发布时间:2021-12-31 13:17:21 前端开发

“display: flex"怎么可能呢?和“对齐项目:居中"不再在我的 iphone 上工作?

大家好,今天发生在我身上的事情真的很奇怪......我正在编写用于创建子菜单的代码,并且我使用了该属性 显示:-webkit-flex;显示:弹性;对齐项目:居中; 这样各个部分(标签li)的声音就垂直居中了.我之前曾多次将这些属性用于其他代码,并且它们始终正常工作.和往常一样,我在 Mac、iPhone 5、firefox 和 chrome 上检查代码. 但是当我通过我的 iphon ..
发布时间:2021-12-31 13:13:57 移动开发

没有“-webkit-line-clamp"的夹紧线

在过去的好日子里,webkit 中存在一个使用纯 css 来夹紧线条的技巧: display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:垂直; 尽管此语法与 display: -webkit-flex 语法愉快地共存,但在所有基于 webkit 的现代浏览器中,它被认为已过时. 我的问题是: 如何在没有过时的 '-w ..
发布时间:2021-12-31 13:04:38 前端开发