草庐IT

mobile-webkit

全部标签

javascript - 在 JavaScript 中访问 -webkit- vendor 前缀

如果我正在编写一个JavaScript行来设置一个元素的样式属性,它可能看起来像这样(这个例子:“width”):document.getElementById('myDiv').style.width="50px";如果CSS元素中有破折号,它看起来像这样(这个例子:“margin-top”):document.getElementById('myDiv').style.marginTop="15px";但是如果我想给它一个像这个例子这样的样式,我该如何访问前缀-webkit-:{-webkit-transition:width1s;} 最佳答案

javascript - <input> 有焦点,但无法在 WebKit 中输入

我遇到了一个小问题,过去两个小时一直在调试它。在确定一个新鲜的大脑可能会有所帮助之后,我决定在这里发帖。我知道我应该在这里发布一些代码用于遗留问题,但这个问题涉及大量代码,因此提供链接更容易。请查看以下页面:http://ben-major.co.uk/labs/phonee/#overlays.如果您点击Prompt(在Chrome或MobileSafari中),您会看到一个提示框。这是障碍:该字段具有焦点(请参阅白色背景,而不是未聚焦字段的#eee颜色),但是当尝试在该字段中键入任何内容时,尽管该字段具有焦点,但什么也没有发生.我在我的MBP(Chrome)、iMac(Chrome

javascript - Chrome/Webkit inline-block 刷新问题

我发现的问题如下:情况:我的整体div有一个inline-block展示。它里面有两个元素,有一个inline-block也显示。然后我添加(感谢JavaScript)一个在两个元素之间。第二个转到下一行,这是正常行为。有问题的部分:然后被删除(再次是JavaScript)并且......显示不会改变。看起来整体div的box没有重新计算。最后我有两个相似的标记,但它们的显示方式不同(这有点问题,不是吗)。它在Firefox上运行良好(它似乎是基于webkit的,因为Android浏览器的行为方式相同)。所以我的问题是,是否有一种不使用会改变DOM的方法的解决方法?使用的库是jQuer

Javascript MVC 框架 + jQuery Mobile

我正在构建一个(相当简单的)网络应用程序,它最终将在桌面和移动设备上同等使用。我在后端使用Rails,但实际应用程序将构建为单页应用程序,因此Rails将简单地提供初始前端Assets并充当REST后端。我想将jQueryMobile用于移动优化的用户体验,包括ListView、触摸输入(例如滑动以编辑项目)等(请注意,我考虑过只使用UI框架,例如TwitterBootstrap或Foundation,但我会极大地受益于jQueryMobile支持的更深入的移动优化UX。)我还想使用JavascriptMVC框架来更好地构建我的Javascript代码。我玩过一些框架,但没有深入使用过

javascript - 网络音频 : How can I get a mobile microphone to pick up audio from a distance?

通过navigator.getUserMedia访问用户的麦克风非常简单。但是,如果我使用的是移动浏览器并想从远处拾取音频(例如使用“免提”模式)怎么办?我将如何实现这一目标?似乎有原生应用可以实现这一点,但网络音频呢?这样做的目的是使用DTMF在设备之间发送消息。我已经用我的笔记本电脑实现了这一点,因为它的麦克风可以从很远的距离录制周围的音频,但是我可以使用的任何手机似乎只能在“喉舌”附近录制音频,所以我必须将手机非常靠近源发言人,即使有很小的机会收到消息。这违背了目的,除非我能让移动麦克风从远处拾取音频。编辑:关于距离,我的意思是大于几英尺,而不是仅仅几厘米。环境声音,而不是麦克风

javascript - 从 Webkit 通知返回给 parent

我正在使用webkitNotifications和createHTMLNotification等在Chrome(Windows)中成功创建通知。现在我真的很想让通知窗口与创建通知的选项卡/窗口(是规范的一部分)进行通信(或至少将焦点设置到)。我意识到此功能仍处于早期阶段,但我想也许有人知道办法。我试过了:window.opener.focus();从通知窗口,但没有用。这个页面...http://www.thecssninja.com/javascript/web-notifications说...“如提案中所述,使用window.opener.focus()将焦点带回调用通知的窗口,

javascript - 使用 iframe 和 ontouchstart 的 Mobile Safari 中的文本选择错误

在我的网络应用程序中,我有不同z索引的iframe。我正在检测iframe中某些元素的touchstart事件。但是,如果我有一个文本输入字段与捕获touchstart的元素重叠,则输入字段开始表现不正常:在该字段中再次点击会使它失去焦点,您无法选择任何文本,但是您可以在文本字段中输入。似乎唯一的解决方案可能是停止捕获背景框架上的touchstart事件。我更喜欢像透明div这样的解决方案来作为中介捕获事件,但我还没有得到它的工作。还有其他解决方法吗?示例页面位于jsfiddle,但这是代码:iframe{position:absolute;}#background{border:so

javascript - PrettyPhoto mobile响应式

有什么办法可以让我的手机和平板电脑反应灵敏吗?我试过了,但对我来说似乎太难了。欢迎任何意见谢谢 最佳答案 我最近也遇到了类似的问题。试试这些css规则:.pp_pic_holder.pp_default{width:100%!important;left:0!important;overflow:hidden;}div.pp_default.pp_content_container.pp_left{padding-left:0!important;}div.pp_default.pp_content_container.pp_rig

javascript - iPad 上的 Webkit 动画性能

基于webkit的转换/动画会影响iPad上的JS性能吗?是否有单独的图形处理器来处理webkit的东西?基本上,我正在开发一个包含一些简单的webkit动画的程序,但其中有很多,我认为我必须取消动画,因为它会使Ipad变慢。 最佳答案 您可以查看ThomasFuchs的文章:MakinganiPadHTML5App&makingitreallyfast他提出的一些观点是图像极大地减慢了速度——摆脱它们避免文字阴影和框阴影避免不透明(干扰硬件加速渲染)使用translate3d,而不是translate(后者并不总是硬加速的)确保使

javascript - jQuery Mobile -> 页面生命周期?

是否有类似jQueryMobile页面生命周期的东西?比如在初始化、显示、隐藏/返回或任何事件时触发的事件?!提前致谢! 最佳答案 介绍在这里找到的所有信息也可以在我的博客中找到ARTICLE,您还会找到工作示例。在页面转换期间:事件pagebeforecreate事件pagecreateBesteventifyouwanttodynamicallyaddpagecontentandletjQueryMobilestyleyoutnewcontent.Don'tuseitincaseofajaxcall,pagebeforeshow