标签: webkit

当一个html元素被"聚焦"(当前被选中/选中)时,许多浏览器(至少是Safari和Chrome)会在它周围放置一个蓝色边框.

对于我正在进行的布局,这会分散注意力并且看起来不正确.

<input type="text" name="user" class="middle" id="user" tabindex="1" />

FireFox似乎没有这样做,或者至少,让我控制它

border: x;

如果有人能告诉我IE的表现如何,我会很好奇.

但让Safari删除这一点点耀斑会很不错.

我刚刚注意到我在最新的(金丝雀)Chrome版本中收到了大量已弃用的警告.

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已经出来并解决了这个问题.

阅读更多内容,请访问他们的博客.

我似乎找不到具有多个属性的CSS转换速记的正确语法.这没有做任何事情:

.element {
  -webkit-transition: height .5s, opacity .5s .5s;
     -moz-transition: height .5s, opacity .5s .5s;
      -ms-transition: height .5s, opacity .5s .5s;
          transition: height .5s, opacity .5s .5s;
  height: 0;
  opacity: 0;
  overflow: 0;
}
.element.show {
  height: 200px;
  opacity: 1;
}

我用javascript添加show类.元素变得更高且可见,它不会过渡.在最新的Chrome,FF和Safari中进行测试.

我究竟做错了什么？

编辑:为了清楚,我正在寻找速记版本来缩小我的CSS.所有供应商前缀都足够臃肿.还扩展了示例代码.

我正在使用Direct Web Remoting(DWR)JavaScript库文件,我只在Safari(桌面和iPad)中收到错误

它说

超出最大调用堆栈大小.

这个错误究竟是什么意思,它是否完全停止处理？

对Safari浏览器的任何修复(实际上iPad Safari,它说

JS:执行超过了超时

我假设是相同的调用堆栈问题)

我有一个bog标准的登录表单 - 一个电子邮件文本字段,一个密码字段和一个使用HTML/jQuery的AIR项目的提交按钮.当我在表单上按Enter键时,整个表单的内容消失,但表单未提交.有谁知道这是否是一个Webkit问题(Adobe AIR使用Webkit for HTML),或者我是否已将事情搞砸了？

我试过了:

$('.input').keypress(function (e) {
  if (e.which == 13) {
    $('form#login').submit();
  }
});

但这既没有阻止清算行为,也没有提交表格.没有与表单相关的操作 - 这可能是问题吗？我可以在动作中加入javascript函数吗？

我在我的javascript中做一个console.log语句,以便记录一个javascript对象.我想知道是否有办法,一旦完成 - 将该对象复制为javascript代码.我要做的是转换使用ajax创建的对象将xml提要解析为静态javascript对象,以便文件可以在本地运行,而无需服务器.我在chrome检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试做的事情.

我想用CSS自定义滚动条.

我使用这个WebKit CSS代码,适用于Safari和Chrome:

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #0A4C95;
}

我怎么能在Firefox中做同样的事情？

我知道我可以使用jQuery轻松完成它,但如果可行,我宁愿用纯CSS来做.

非常感谢某人的专家建议!

我正在创建一个jQuery插件.

如何在Safari中使用Javascript获得真实的图像宽度和高度？

以下适用于Firefox 3,IE7和Opera 9:

var pic = $("img")

// need to remove these in of case img-element has set width and height
pic.removeAttr("width"); 
pic.removeAttr("height");

var pic_real_width = pic.width();
var pic_real_height = pic.height();

但在像Safari和Google Chrome这样的Webkit浏览器中,值为0.

我正在开展涉及Raphaeljs的项目.事实证明,它不适用于Android.它确实在iPhone上.

我如何在Android浏览器上调试一些东西？它是WebKit,所以如果我知道版本,那么在完整版的WebKit 上调试它会产生相同的结果吗？

我一直在尝试重新实现像Mozilla Hacks网站上的 HTML5图像上传器,但它适用于WebKit浏览器.部分任务是从canvas对象中提取图像文件并将其附加到FormData对象以进行上载.

问题是虽然canvas具有toDataURL返回图像文件表示的函数,但FormData对象仅接受来自File API的 File或Blob对象.

Mozilla解决方案使用以下仅限Firefox的功能canvas:

var file = canvas.mozGetAsFile("foo.png");

...在WebKit浏览器上不可用.我能想到的最好的解决方案是找到一种方法将数据URI转换为File对象,我认为它可能是File API的一部分,但我不能为我的生活找到一些东西.

可能吗？如果没有,任何替代方案？

谢谢.