Tag: 浏览器的WebKit
在inputtypes=“数字”上禁用webkit的旋转button？
我有一个网站，主要是为移动用户，但也是桌面。 在移动版Safari上，使用<input type="number">工作效果很好，因为它在input字段中只显示数字键盘。 然而在Chrome和Safari中，使用数字input在字段的右侧显示旋转button，这在我的devise中看起来像垃圾。 我真的不需要button，因为无论如何，当你需要写一个6位数字的东西时，它们是无用的。 是否有可能禁用此-webkit-appearance或其他一些CSS技巧？ 我已经尝试没有太多的运气。
使用Javascriptvariables设置Webkit关键帧值
我有一段JS代码来生成随机数字，并将其作为variables输出，以代替旋转值 @-webkit-keyframes rotate { 0% {-webkit-transform: rotate(-10deg);} 100% {-webkit-transform: rotate(10deg);} } #dog{ /*irrelevant settings*/ -webkit-animation: rotate 5s infinite alternate ease-in-out; } 上面的代码工作正常，但是当我尝试将JavaScript的variables粘贴到rotate(variable); 我无法得到它的工作。 我是新来的，所以我90％肯定我只是没有variables的语法正确（严重的是，我记得是否需要括号，引号，波浪曲等等，我已经尝试了所有我能想到的很糟糕） 。 或者这可能是因为该variables是本地的function和CSS不能读取。 所以基本上我只是需要一些陌生人告诉我正确的语法，如果可能的话如何让CSS读取variables。 否则，看起来我将需要该函数来创build完整的： @-webkit-keyframes rotate { 0% {-webkit-transform: rotate(-10deg);} 100% {-webkit-transform: rotate(10deg);} } …这可能有点混乱，因为随机variables可能会应用到多个CSS元素。 哦，目前variables格式化包括数字后面的deg ，这不是问题。 实际上，为了方便起见，假设我正在使用var dogValue =“20deg”; 并忘记随机元素。 谢谢。
基于Webkit的模糊/扭曲的文本后animation通过translate3d
此问题似乎会影响所有基于WebKit的浏览器，包括iPhone。 首先是一些背景。 我正在使用的网站使用基于JavaScript的“滑块”animation，基本上与此相同： http : //www.assistly.com/product-tour/#/easy-setup 唯一的区别是我正在使用-webkit-transform：translate3d来为实际的animation“提供动力”。 当使用这种方法时，与基于JavaScript的方法相反，一旦内容被animation，文本变得模糊。 这在iPhone上尤其明显。 我看到的一些解决办法是删除我做的相对定位，并为-webkit-font-smoothing添加一个规则：antialiased，我也这样做了。 这两个变化都没有丝毫的区别。 我可以使这个工作正常工作，没有模糊的文本的唯一方法是使用普通的JavaScript的animation和绕过translate3d完全。 我更喜欢使用translate3d，因为它在启用WebKit的设备上执行得更快，但是对于我来说，我无法弄清楚为什么它会以如此糟糕的方式影响文本。 任何build议或解决scheme将不胜感激。
不安全的JavaScript尝试使用URL访问框架
当我尝试从包含另一个域url的iframe中设置一个散列值给父url时，出现以下错误： 不安全的JavaScript尝试从URL“URL2”的帧中访问具有URL“URL1”的帧。 域，协议和端口必须匹配。 我该如何解决这个问题？
JavaScript：有没有办法让Chrome浏览器打破所有的错误？
我正在寻找一个相当于Chrome的“打破所有错误”function的萤火虫。 在“脚本”标签中，Chrome浏览器会“暂停所有例外”，但这与打破所有错误并不完全相同。 例如，当用下面的代码加载一个页面时，我希望Chrome在foo.bar = 42这行上foo.bar = 42 。 相反，即使启用“暂停所有例外”，我也没有得到预期的结果。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <script type="text/javascript"> function doError() { foo.bar = 42; } window.onload = function() { try { doError(); } catch (e) { console.log("Error", e); } } </script> </head> <body> </body> </html> 你可以尝试在这个页面上面粘贴的代码或使用这个jsFiddle 。
你如何处理jQuery中的oncut，oncopy和onpaste？
jQuery文档说库对下列事件有内置支持：模糊，焦点，加载，resize，滚动，卸载，点击，dblclick，mousedown，mouseup，mousemove，mouseover，mouseout，mouseenter，mouseleave，change，select，提交，keydown，按键，键入和错误。 我需要处理剪切，复制和粘贴事件。 如何最好地做到这一点？ FWIW，我只需要担心WebKit（幸运的是我！）。 更新：我在一个类似于仪表板的环境中工作。 它使用WebKit，所以它只是真的很重要（为我的目的）是否支持这些事件，看起来像它们。
：活动伪类不能在移动Safari浏览器中工作
在iPhone / iPad / iPod上的Webkit中，当点击元素时，不会触发为<a>标记指定样式：激活的伪类。 我怎样才能触发？ 示例代码： <style> a:active { background-color: red; } </style> <!– snip –> <a href="#">Click me</a>
WebKit问题与event.layerX和event.layerY
我只注意到，在Chrome的最新（canary）版本中，我收到了大量不推荐使用的警告。 event.layerX和event.layerY在WebKit中被破坏并被弃用。 它们将在不久的将来从发动机中移除。 看起来像jQuery是搞砸了事情。 我正在使用： jquery-1.6.1.min.js 。 是否有助于升级到最新的jQuery版本，还是没有修复，或者是Chrome的错误还是其他的东西。 PS 我不能显示你的代码，因为我认为这是一个普遍的错误，但我怀疑，当我尝试访问一个jQuery对象或jQuery试图访问layerX / layerY时，会引发警告（以及我很确定这是考虑错误：P）。 jQuery可能将这些属性复制到jQuery对象中。 所以… 这是怎么回事？ 编辑 jQuery 1.7已经解决了这个问题。 在这里阅读更多的博客 。
如何在Safari / Chrome中从javascript打印IFrame
有人可以帮助我在Safari / Chrome中通过JavaScript调用打印IFrame的内容。 这在Firefox中工作： $('#' + id)[0].focus(); $('#' + id)[0].contentWindow.print(); 这在IE中工作： window.frames[id].focus(); window.frames[id].print(); 但我无法在Safari / Chrome中获得任何东西。 谢谢 安德鲁
常用的JavaScript实现是否使用string实习？
常见的JavaScript引擎，例如V8和WebKit的JavaScriptCore，是否使用JavaScriptstring的string实习 ？ 或者他们实际上保持内存中的多个相同的string的实例？
