Tag: webkit

webkit浏览器正在获取elements.width（）错误: 我试图获得正确的容器计算宽度。所有浏览器都正确获得计算出的宽度。（甚至是IE）但令人惊讶的是Chrome和webKit浏览器正在获得有线号码。我试图获得的总宽度，包括其边框和填充+其边距右。然后将其乘以的长度，以获得保持它们所需的确切宽度我用宽度计算来追踪问题。任何人都可以告诉我什么是错的。谢谢 HTML Upload images Choose Theme JS var videoContext = $(“#horizontalBelt”), videoBeltUL = videoContext.find(“ul”), videoBeltLI = videoContext.find(“li”), videoLength = videoBeltLI.length, videoWidth = parseInt(videoBeltLI.eq(0).outerWidth())+parseInt(videoBeltLI.eq(0).css(“marginRight”)), beltTotalWidth = videoLength*videoWidth, // js goes on…. beltTotalWidth在webKit中具有不同的值。

使用box-sizing时，jQuery.height（）在WebKit和Firefox中的行为有所不同：border-box: 我有一个textarea应用了以下样式： textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 如果我然后运行以下javascript / jquery代码，我的textarea的高度将使用Safari（5.0.6）和Chrome（16.0.x）减少一半： $(‘textarea’).each( function() { var $this = $(this); $this.height( $this.height() ); } 根据.height（）的jQuery文档，这是预期的行为，因为.height（）返回内容高度（无填充，边框），无论box-sizing属性如何，但.height（value）设置内容大小对盒子大小的属性进行说明。因此，如果我的textarea具有content-height：17px和padding-height：15px，则.height（）将返回17px。然后，如果我设置.height（17）我曾经是32px高的textarea现在只有17px高。我的真实应用程序是在应用了box-sizing的textareas上使用jQuery.fn.autoResize 1.14（ https://github.com/padolsey/jQuery.fn.autoResize ）。该代码与我上面描述的相似。它在FireFox 10中运行良好。（也就是说，FireFox在获取和设置高度时以更加对称的方式考虑盒子大小。）我的问题是：错误在哪里，我应该在哪里寻找/提出一个解决方法？ jQuery.fn.autoResize插件，jQuery团队，webkit或FireFox？

点击触摸设备时如何防止“鬼”点击超链接: 当我完全触摸标签元素的边框时，它会触发click事件，但不会触发touchstart事件。为什么会这样？为了表明问题我做了这个小提琴： http ： //jsfiddle.net/o8cvqL0L/8/ a标签有2个事件： $(‘#yellow’).on(‘touchstart’, function(e) { alert(‘touch’); e.preventDefault(); }); $(‘#yellow’).on(‘click’, function(e) { alert(‘click’); }); 只需在黄色元素的边框上触摸即可。有什么方法可以避免这种行为吗？我在Android浏览器，Safari和桌面Chrome上进行了测试。非常感谢你！编辑：触摸必须在元素之外，但仍在触摸的radiusX / Y内，以成为单击。 click侦听器中的clientX / Y和pageX / Y的值不正确，显示对应于该元素的所有不对的坐标。（ http://jsfiddle.net/o8cvqL0L/35 ）拥有一个带touchstart侦听器的容器似乎使得子元素中的这些奇怪行为消失，并且事件对象中的坐标是正确的。（ http://jsfiddle.net/o8cvqL0L/42/ ）然后，使用事件委托修复了问题，但仅当目标元素是div而不是像我之前的例子中的链接时。这里是div元素的解决方案： http ： //jsfiddle.net/o8cvqL0L/44/ 我仍然在寻找标签的解决方案以及这些问题的记录原因。

jQuery的$ .ajax URL编码问题: 我正在使用jQuery的$ .ajax方法向REST服务发送和检索数据。我提供给$ .ajax方法的一些URL需要空格和其他特殊字符进行编码。问题在于Chrome，Safari（Webkit）和Internet Explorer浏览器。 Firefox POST是一个URL，它被编码但其他浏览器POST到一个未编码的URL。举个例子： $.ajax ({ url: “http://localhost:8080/rest/123/Product Line A/[Product Type B]”, type: “POST”, dataType: “json”, data: { … }, success: function(…){}, error: function(…){} }) Firefox以下列格式发布URL： http://localhost:8080/rest/123/Product%20Line%20A/%5BProduct%20Type%20B%5D Chrome，Safari和IE按以下格式发送url： http://localhost:8080/rest/123/Product Line A/[Product Type B] REST服务接受编码（Firefox）格式 – 有没有一种方法可以使所有浏览器保持一致？提前致谢！

Webkit线程化javascript文件加载和执行顺序: 我正在尝试构建一个XSS小部件，并且我遇到了Webkit浏览器加载外部javascript文件的问题，我将这些文件附加到dom中。它的工作原理如下： Widget.js将3个javascript文件附加到dom（jquery，data，content） Jquery.js是带有自定义命名空间的标准jquery Data.js是一个javascript数组 Content.js是一组jQuery指令，用于根据Data.js中的数据构建窗口小部件在firefox中，浏览器正好100％的时间告诉它，并且小部件加载了你在页面上放置包含javascript的地方。但是在Webkit即Safari中，浏览器以随机顺序返回3个文件，并在返回后执行。这意味着当Content.js查找$来执行jquery魔术时它会失败。同样，如果jQuery可用，并且如果由于缺少数据而失败则会加载数据。建议好吗？

如何在使用jQuery UI .draggable时禁用webkit浏览器中的文本选择？: 在使用jQuery UI .draggable（）时，我似乎无法在webkit浏览器中禁用文本选择。我尝试过各种组合使用webkit特定的css（-webkit-user-select和-webkit-user-drag），但没有运气。这里有一个jsfiddle，你可以重现这个问题： http ： //jsfiddle.net/dmosher/8ZGLR/

在javascript中检测webkit浏览器？: 编辑：我实际上使用PHP来检测和创建一个带有php标签的局部变量。 if ( strpos(strtolower($_SERVER[‘HTTP_USER_AGENT’]), ‘webkit’)) { $is_webkit = “true”; } 如何检测浏览器是否基于webkit？（谷歌浏览器，更新的歌剧，safari）; 我试过这个： var isWebkit = (window.webkitURL != null); if(isWebkit){ alert(“i am a webkit based browser!”); } 不适用于safari

关于谷歌铬的惊人标志效果: 更好地使用chrome来打开这个站点，任何webkit浏览器都可以这样做。 https://www.google.com/intl/en/chrome/browser/ 当您将鼠标放在上面时，您可以看到关于该Chrome徽标的惊人效果。我下载了该页面的来源，但不幸的是迷失了它。它使用非标准的css -webkit-mask和-webkit-gradient如下所示： -webkit-mask: “-webkit-gradient(radial, 17 17, %s, 17 17, %s,” + “from(rgba(0, 0, 0, 1)),” + “color-stop(0.5, rgba(0, 0, 0, 0.2)),” + “to(rgba(0, 0, 0, 1)))” 然后更改参数％s 如果徽标足够大，我们应该会看到一个白色圆圈从中心变得越来越大。我试图使用jquery但不能成功。可以帮助一些人吗？

使用Chrome中的jQuery实时过滤1500多个项目: 我被Chrome / Webkit 71305错误所困扰，其中隐藏了大量节点会导致Chrome挂起。（也发生在Safari中）。我正在使用以下内容过滤下拉菜单中的列表项： jQuery.expr[‘:’].Contains = function(a, i, m) { return $.trim((a.textContent || a.innerText || “”)).toUpperCase().indexOf(m[3].toUpperCase()) == 0; }; var input = $(‘input’); var container = $(‘ul’); input.keyup(function(e) { var filter = $.trim(input.val()); if (filter.length > 0) { // Show matches. container.find(“li:Contains(” + filter + “)”).css(“display”, “block”); container.find(“li:not(:Contains(” + filter + “))”).css(“display”, […]

仅水平webkit滚动条样式css: 这是css中的自定义滚动条 /* Gmail style scrollbar */ ::-webkit-scrollbar { width: 12px } ::-webkit-scrollbar-thumb { border-width: 1px 1px 1px 2px } ::-webkit-scrollbar-track { border-width: 0 } ::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; } ::-webkit-scrollbar-button { height: 0; width: 0; } ::-webkit-scrollbar-track { background-clip: padding-box; border: solid transparent; border-width: 0 0 0 4px; } ::-webkit-scrollbar-track:horizontal { […]