Tag: Safari

HTML5占位符消失焦点

有没有一个免费的jQuery插件,改变placeholder行为,以符合HTML5规范? 焦点之前 关注焦点(Safari) 焦点不好(Chrome,Firefox) 你可以用你的浏览器做这个简单的小提琴 。 HTML5草稿规范说 : 用户代理应该向用户提供这个提示,当它已经剥离换行符,元素的值是空string和/或控件没有被聚焦时(例如,通过将其显示在未聚焦的空白控件中并且否则隐藏)。 “/或”在当前草案中是新的,所以我想这就是为什么Chrome和Firefox不支持它。 请参阅WebKit错误#73629 , 铬错误#103025 。

debugging消息“资源解释为其他,但与MIMEtypes的应用程序/ JavaScript传输”

好的,我明白这些信息的含义 ,但我真的不知道是什么原因造成的。 顺便说一下,我在Mac OS X上使用Safari和Web Inspector。 我的文档头里有以下内容: <script src="http://local.url/a/js/jquery.js" type="text/javascript"></script> <script src="http://local.url/a/js/jquery.inplace.js" type="text/javascript"></script> jquery.js处理正常,但其他文件导致警告。 这似乎也在这个文件中的JavaScript永远得不到执行。 该文件正在通过mod_deflate ,所以它是gzip编码,但其他文件也是如此。 有没有人有任何想法是什么原因造成的,或者如何解决? 欢呼,Gaz

有没有办法在Android中启用Safari的JavaScript错误/debugging控制台?

我正在开发一个需要在Google Android Phone OS上运行的JavaScript应用程序。 有没有办法在Android模拟器或实际设备上的Safari中启用JavaScript错误/debugging控制台? 如果有的话,如何这样做的任何指示,将不胜感激。

以编程方式更改animation规则中的webkit转换值

我有这个样式表: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px,0px,0px); } 100% { -webkit-transform: translate3d(0px,1620px,0px); } } 不是我想修改1620px的值取决于一些参数。 喜欢这个: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px,0px,0px); } 100% { -webkit-transform: translate3d(0px, height*i, 0px); } } 我宁愿能够使用JavaScript和jQuery,虽然一个纯CSS的解决scheme可以。 这是一个运行在它的移动Safari浏览器的iPhone游戏。

防止iOS Safari中的方向更改

当设备旋转时,是否有可能避免在iOS Safari中转换到横向视图? iOS的Safari有“orentationchange”事件,我试图拦截它,并禁用默认行为,如下所示: <html> <head> <script type="text/javascript"> function changeOrientation(event) { alert("Rotate"); event.preventDefault(); } </script> </head> <body onorientationchange="changeOrientation(event);"> PAGE CONTENT </body> </html> 但是当testing我的iPhone上的页面时,当我旋转设备的警报显示,但视图切换到风景。 看来event.preventDefault()不会停止旋转。 有没有办法阻止这种行为?

使用jQuery在焦点上select文本不工作在Safari和Chrome

我有以下jQuery代码(类似于这个问题 ),在Firefox和IE中工作,但在Chrome和Safari失败(没有错误,只是不工作)。 任何想法的解决方法? $("#souper_fancy").focus(function() { $(this).select() });

最简单的方法来检测捏

这是一个WEB应用程序,而不是本机应用程序。 请不要Objective-C NS命令。 所以我需要检测iOS上的“捏”事件。 问题是我看到做手势或多点触摸事件的每一个插件或方法,通常是使用jQuery,并且是每一个阳光下的手势的一个额外的插件。 我的应用程序是巨大的,我对代码中的死木非常敏感。 我需要的只是检测一个捏,使用像jGesture的东西只是臃肿的方式,我的简单需求。 此外,我对如何手动检测夹点了解有限。 我可以得到两个手指的位置,似乎无法得到混合权利检测到这一点。 有没有人有一个简单的片段,只是检测捏?

如何在我的网站上启用iOS 5 Safari阅读器?

iOS 5中的Mobile Safari的阅读器function如何工作? 如何在我的网站上启用它。 我如何告诉它我的网页上有哪些内容是触发这个function的文章?

修复移动Safari(iPhone)中字体大小问题,其中文本呈现不一致,并且一些字体比其他字体大?

我们的网站在移动版Safari上呈现的字体大小不一致 – 据我们所知,只有Mobile Safari。 这非常困扰我们。 我们用Firebug分析了网站,不正确的区域inheritance了正确的样式,但字体仍然呈现错误的大小。 1)访问http://www.panabee.com 。 2)进行域名search。 左侧的框显示不正确的字体大小。 字体大小应与右侧的字体大小(包装盒标题和盒子复印)相匹配。 例如,标题“变体”和“推特”比标题“交替结局”要大得多。 任何线索为什么?

在safari中不能使用CSS3animation

我有一些CSS3animation,在Safari浏览器中支持CSS3的所有浏览器都能正常工作。 奇怪是不是? 好的这里是我的代码: HTML <div class="right"> <div class="key-arm"><img src="images/landing/key-arm.png" alt="arm" /></div> </div> CSS .landing .board .right { width: 291px; height: 279px; background: url('..http://img.dovov.comlanding/key-pnl.png'); bottom: 16px; right: 250px; position: absolute; } .landing .board .right .key-arm { position: absolute; left: 44px; top: 18px; width: 41px; height: 120px; } /*=== Key Arm Animation ===*/ @-webkit-keyframes keyarm { 0% […]