草庐IT

webkit-full-screen

全部标签

android - 在 Android 应用程序中嵌入较新版本的 WebKit

我正在使用网络技术开发Android应用程序,而CSS转换(对于应用程序的功能非常重要,因为它们负责滚动和滑动页面)非常缓慢。根据Internet上的信息,CSS转换不是硬件加速的,除非进行3维转换。我发现很多文章说我应该放“-webkit-transform:translateZ(0);”到我的动画元素。但是,较旧的Android版本(3.0以下)中的Webkit不支持3D转换。我可以在我的应用中嵌入更新版本的WebKit吗? 最佳答案 CanIembedanewerversionofWebKitwithmyapp?理论上,也许。

jquery - CSS 或 jQuery : Make last div fill the rest of the screen height

我有一组3个元素需要在初始屏幕上看到,而这些元素下方的正文中的内容需要位于初始屏幕底部下方,但用户仍然需要能够加载后滚动到所有内容。这方面的完美示例是dropbox.com上的登录页面(注销时)。无论用户缩小多少,该行下方的元素都位于其下方,直到用户向下滚动才可见。我正在寻找一个好的CSS或jQuery解决方案。我看过this但我不能简单地将这3个元素绝对化。对我来说最好的方法是将第3个div的高度扩展到初始屏幕的底部,我该怎么做?编辑:我总共有大约6个div,我只希望前3个可见,而其余的必须低于初始屏幕边界。编辑:这是div布局的图片: 最佳答案

HTML/CSS : Webkit browsers cut up italic link

我有什么我有一个普通的HTML链接,比如Link.在我的样式表中,我将该链接设置为display:inline-block;因为我必须稍微插入它以匹配布局。font-style设置为italic.问题这会导致以下问题:因为文本设置为斜体,所以链接词的最后一个字母超出了链接周围的框。因此,Safari和Chrome在悬停时“切掉”了颜色变化。请参阅我为链接指定背景颜色以使其更清晰的屏幕截图。正常的链接颜色是浅色,蓝色是悬停颜色。Firefox正确地管理了这一点,没有削减任何东西。为链接设置填充可能是最简单的解决方案,但我觉得这对我来说是一种解决方法。还有其他解决办法吗?fiddle:ht

javascript - 如何修复 webkit-fake-url 的意思?

当您尝试复制并粘贴到Safari网络浏览器时,浏览器会插入webkit-fake-url。在Chrome中,您可以对剪贴板数据执行getAsFile()以读取图像。你能用Safari做类似的事情吗? 最佳答案 不,目前无法在Safari中访问粘贴文件的内容。作为一种解决方法,您可以检测到该虚假协议(protocol)并向用户显示一条消息,通知他们在使用他们的特定浏览器时它不起作用(并且可能显示一个正常的上传控件)。 关于javascript-如何修复webkit-fake-url的意思?

html - 从 node-webkit 访问 USB 设备?

我正在构建一个需要在所有3个主要桌面环境(windows、mac和linux)上运行的node-webkit应用程序我需要我的应用程序连接到插入的USB设备,但我遇到了一些麻烦弄清楚如何解决这个问题。是否有适用于所有操作系统的npm?我能得到一个用C++构建的可以工作的吗?node-webkit中是否内置了任何用于与设备交互的东西(DevicesAPI?)提前致谢。 最佳答案 您几乎可以肯定需要一个C/C++模块来实现这一点,这意味着需要一个构建过程。好消息是您可以在您的机器上进行构建并为Windows和OSX分发生成的二进制文件(

html - 溢出滚动时隐藏WebKit滚动条 : touch is enabled

众所周知,您可以使用以下CSS片段在Safari和Chromium中隐藏滚动条:::-webkit-scrollbar{display:none;}但是,当-webkit-overflow-scrolling设置为touch时,这似乎不起作用,特别是在iOS上。Chromium正确地隐藏了滚动条。这是WebKit错误,还是有办法隐藏滚动条并启用流畅(触摸)滚动?在Google的移动版上似乎可以(也许用js?).浏览页面源代码并用谷歌搜索我的答案似乎没有帮助。 最佳答案 似乎目前(截至2017年1月)解决此问题的唯一方法是将可滚动元素

html - WebKit 类 MDC(Mozilla 文档中心)资源?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭4年前。Improvethisquestion玩弄最新的HTML5功能感觉不错,但最终往往会很麻烦,因为标准及其浏览器特定实现不断发展。Mozilla有一个很好的资源-MDNDocCenter,在那里他们不断记录Gecko经历的所有变化。我想知道对于Safari和Chrome,WebKit是否有类似的东西?

javascript - 在 Webkit/Chrome 中检测 HTML5 数字控件更改的事件?

HTML5为我们提供了一些新的输入元素,例如.这呈现(在Chrome中)文本框内有两个循环按钮,用于递增和递减框中的数值。对于个人爱好项目,我正在使用此控件。但是,我遇到了一个问题:有没有办法检测使用javascript事件更改的值?我曾期待onChange事件火了,但没有这样的运气。另外,onClick仅在单击文本框内容时触发,而不是在单击循环按钮时触发。有什么想法吗?(除了:嘿,它是HTML5表单,不要期望任何东西都可以工作!)编辑:正如mikerobi在下面指出的那样,一旦元素失去焦点,onChange事件就会触发。仍然不是我想要的,欢迎提出其他意见和建议!

javascript - "Show full site"绕过 css 媒体查询的按钮

我在我的网站上使用CSS媒体查询,以便在较小的设备上切换到更垂直的布局。这工作得很好,但我想在网站上添加一个按钮,比如“显示桌面版本”。我想让这个按钮(或链接,无论什么)强制或改变媒体查询评估,以便他们评估好像屏幕宽度大于它是(例如1200px而不是320px)。这可能吗?我的CSS是这样的:#logo{/*Mobilestyle*/[...]@media(min-width:@screen-sm){/*Desktopstyle*/[...]}}#footer{/*Mobilestyle*/[...]@media(min-width:@screen-sm){/*Desktopstyle

html - 使用 Webkit speech api 进行连续语音识别

我开始使用这个浏览器(chrome)功能。我已经基于此编写了一个JS,但问题是,它只识别一次语音就结束了。它不会持续进行,我需要一次又一次地按下按钮才能开始语音识别。告诉我应该在哪里调整。我设置了“recognition.continuous=true”仍然没有帮助?varrecognition=newwebkitSpeechRecognition();recognition.continuous=true;recognition.interimResults=true;recognition.onstart=function(){console.log("Recognitionsta