webkit相关内容
最近(过去 1.5 周内)javascript 库 WebkitSpeechRecognition 拒绝正常工作.我已经测试了使用该库的其他电子应用程序(evan cohen 的智能镜像)并遇到了问题. 在我测试过的所有情况下,它都会引发网络错误.该库似乎在标准浏览器环境中运行良好,但我似乎无法让它与电子一起使用.有人有这方面的经验吗? 解决方案 Google 好像已经为 elect
..
有没有办法在 electron 应用程序中禁用捏合缩放? 我无法使用此处所述的普通 javascript 方法从 web 视图内部工作:https://stackoverflow.com/a/23510108/665261 似乎 --disable-pinch 标志是 电子不支持. 我尝试了各种方法: event.preventDefault() on javascript
..
a:hover + span { 背景:黄色;}一个:悬停>跨度{背景:黄色;}一:悬停〜跨度{背景:黄色;} 前两个选择器工作得很好.但是,第三个选择器不起作用? 演示:http://jsfiddle.net/UAHw7/ 为什么? 更新:我启动了所有浏览器... Opera 11 - 作品 Safari 5 - 作品 Firefox 3.6 - 作品 IE9 R
..
互联网上有几处参考 ::-webkit-selection,这是 ::selection 选择器. 参见例如http://www.quirksmode.org/css/selection.html (编辑: PPK 已经从该页面中删除了 ::-webkit-selection.) 但是,我无法让上面页面中的示例或我自己的示例在任何基于 WebKit 的浏览器中工作.我试过了: 野
..
我正在开发一个 jQuery 主题,其中包含尽可能多的表单元素的样式.最初它是为 Webkit (Chrome) 开发的.现在我想让它也适用于 Firefox. 问题是;Firefox 在某些特定于 Webkit 的语法方面存在问题. 例如: input[type="range"]::-webkit-slider-thumb,输入[类型=收音机],输入[类型=复选框] {-webki
..
Safari 和 Chrome,以及 Opera 和 Firefox,可以处理 :hover 伪类和相邻兄弟选择器: a:hover + div {} 这行得通. 但是,当添加另一个相邻兄弟时: div:hover + a + div {} Webkit 崩溃了. 但是,如果您首先将鼠标悬停在 上,然后 然后 将鼠标悬停在
上,则样式将按原样
..
我正在尝试为使用 HREF 的链接编写一个非常标准的 JS 行为onClick 处理程序,我正面临一个奇怪的问题,这是由我认为是 Android 上的焦点/触摸模式行为引起的. 有时当我单击链接时,它并没有执行操作,而是简单地被选中/聚焦,只有一个焦点矩形,甚至还有一个填充的焦点矩形(选择而不是仅仅聚焦?). 现在的伪代码是
..
我正在为我的应用使用 WebKit 通知.假设我正在使用此代码: var n = window.webkitNotifications.createNotification('icon.png','新评论',“Praveen 评论了你的帖子!");n.onclick = function(x) { window.focus();this.cancel();};n.show(); PS 1:前五
..
我正在尝试在我的网站上实现对 WebKit 的本机桌面通知的支持.当我尝试请求用户许可使用通知时,绝对没有任何反应.例如,以下 HTML 不会提示 Chrome 请求我的许可:
测试
window.webkitNotifications.requestPermission();
..
我想实现与 Gmail 现在相同的功能.当收到新电子邮件或新聊天时,会出现通知弹出窗口,如果您单击它,Gmail 选项卡就会聚焦. 我有这个代码: var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');n.onclick = function(x) { this.cancel();
..
您好-努力使用三级 css 菜单. 在 Mac 版 FireFox 和 Opera 中运行良好,但在 Chrome 和 Safari 中,当您将光标移开后,第三级“粘住"或“挂起"作为水印. 我尝试了一些不同的东西,但运气不佳. 现场演示: http://www.it-stud.hiof.no/~本德/tmp/ 我已经删除了所有其他内容,所以这只是菜单 css &html
..
我正在为地图添加菜单.菜单工作正常,但我注意到无论应用到菜单的 CSS 是什么,左边总是有一个填充.填充似乎源自 (-webkit-padding-start: 40px;) 并且它不想消失.我试图用 0 !important; 覆盖它,但没有做任何事情. 谷歌搜索后发现: -webkit-padding-开始:40px;IE 和 Firefox 应该是什么? 但是找不到关于如何
..
我想在客户端 JavaScript 代码中按屏幕宽度对设备进行分类 适合一只手(少 7 英寸)的所有设备都适合移动类别 将其他设备视为桌面设备 后备:将不支持必要 API 的设备视为移动设备 问题 我可以使用哪些相关的 JavaScript 和 CSS API 来检测屏幕物理尺寸?请注意,旧浏览器不一定支持这些 API,因为存在安全回退.此外,我也不关心旧版桌面浏览器
..
免责声明:网站已同时更新,新版本的设计不再出现此问题. 在我建立的一个新网站上,我注意到 Safari (iOS 5) 中有一个奇怪的怪癖.通常您可以点击 Safari 顶部的黑条滚动到任何网页的顶部.在我的新网站上,这适用于主页,但不适用于单个文章页面. 试试吧!versbeton.nl(有效!)与 versbeton.nl/2012/01/vers-vloeibaar/(不起作用!
..
如何将 HTML 文件的内容拆分为屏幕大小的块以在 WebKit 浏览器中对其进行“分页"? 每个“页面"应显示完整数量的文本.这意味着一行文本不得在屏幕的顶部或底部边框处被切成两半. 编辑 这个问题最初被标记为“Android",因为我的目的是构建一个 Android ePub 阅读器.但是,该解决方案似乎可以仅使用 JavaScript 和 CSS 来实现,因此我扩大了问题的
..
我使用 Flexbox 为应用程序创建了响应式布局.布局要求左侧有一个可折叠的菜单,中间有一个标题和正文的块,右侧有一个可切换的帮助窗格(还有更多内容,但这是基本结构). 左侧菜单有两种状态:180 像素宽或 80 像素宽.帮助窗格要么隐藏,要么占用 180 像素.中间的盒子占据了其余的空间.Flexbox 就像一个魅力. 当我使用 white-space: nowrap 制作滚动 d
..
我无法让 Chrome 在 flex-direction: column 布局中注意 flex: 1 1 25% 的 flex-basis 部分.它在 row 布局中工作正常. 下面的代码片段演示了这个问题:黄色、蓝色和粉红色条是 flex-basis 50px、25% 和 75%,显示在列和行的 flex 方向上. 如果您在 Firefox(或 IE11 或 Edge)中运行它,列和
..
大家好,今天发生在我身上的事情真的很奇怪......我正在编写用于创建子菜单的代码,并且我使用了该属性 显示:-webkit-flex;显示:弹性;对齐项目:居中; 这样各个部分(标签li)的声音就垂直居中了.我之前曾多次将这些属性用于其他代码,并且它们始终正常工作.和往常一样,我在 Mac、iPhone 5、firefox 和 chrome 上检查代码. 但是当我通过我的 iphon
..
在过去的好日子里,webkit 中存在一个使用纯 css 来夹紧线条的技巧: display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:垂直; 尽管此语法与 display: -webkit-flex 语法愉快地共存,但在所有基于 webkit 的现代浏览器中,它被认为已过时. 我的问题是: 如何在没有过时的 '-w
..
我的视图控制器显示一个 WKWebView.我安装了一个消息处理程序,这是一个很酷的 Web Kit 功能,它允许从网页内部通知我的代码: override func viewDidAppear(animated: Bool) {super.viewDidAppear(动画)让网址 =//...self.wv.loadRequest(NSURLRequest(URL:url))self.wv.c
..