程序设计 webkit

15

当一个HTML元素被“聚焦”（当前被选中/插入）时，许多浏览器（至少是Safari和Chrome）会在其周围放置一个蓝色边框。对于我正在处理的布局，这会分散注意力，看起来不正确。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox似乎没有这样做，或者至少可以让我通过以下方式控制它： border: x; 如果有人可以告诉我IE的性能，我会很好奇。让Safari消除这点闪光会很好。

610 css input safari webkit border

29

最大调用堆栈大小超出错误

我正在使用Direct Web Remoting（DWR）JavaScript库文件，并且仅在Safari（台式机和iPad）中出现错误它说超出最大呼叫堆栈大小。该错误的确切含义是什么，它会完全停止处理吗？也包括对Safari浏览器的任何修复（实际上在上iPad Safari， JS：执行超出超时我假设是相同的调用堆栈问题）

532 javascript html webkit callstack dwr

6

具有多个属性的CSS过渡简写？

我似乎找不到具有多个属性的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的简写版本。使用所有供应商前缀已经足够enough肿。还扩展了示例代码。

519 css webkit css-transitions shorthand

9

WebKit与event.layerX和event.layerY有关的问题

我刚刚注意到，在最新版（金丝雀）的Chrome浏览器中，我收到了很多不推荐使用的警告。 WebKit中的event.layerX和event.layerY已损坏和弃用。它们将在不久的将来从引擎中删除。看起来jQuery搞砸了。我正在使用：jquery-1.6.1.min.js。它是否有助于升级到最新的jQuery版本，或者它是否已修复，或者是Chrome浏览器错误，还是其他原因。聚苯乙烯我无法向您显示代码，因为我认为这是一个普遍错误，但是我怀疑当我尝试访问jQuery对象或jQuery尝试访问layerX / layerY时会抛出警告（嗯，我很确定这是考虑到错误：P）。 jQuery可能会将这些属性复制到jQuery对象中。所以... 这是怎么回事？编辑 jQuery 1.7已经发布并解决了此问题。在这里，在他们的博客上阅读更多内容。

507 jquery google-chrome webkit

11

Javascript / Chrome-如何从Webkit检查器复制对象作为代码

我在我的JavaScript中执行console.log语句，以记录一个JavaScript对象。我想知道是否有一种方法，一旦完成，就将该对象复制为javascript代码。我想做的是将使用ajax创建的对象转换为将xml feed解析为静态javascript对象，以便文件可以在本地运行，而无需服务器。我在chrome inspector窗口中包含了该对象的屏幕快照，以便您可以看到我正在尝试执行的操作。

491 javascript jquery google-chrome object webkit

14

用jQuery在“ Enter”上提交表单？

我有一个标准的登录表单-使用HTML / jQuery的AIR项目上的电子邮件文本字段，密码字段和提交按钮。当我在表单上按Enter键时，整个表单的内容消失了，但是表单没有提交。有谁知道这是Webkit的问题（Adobe AIR使用Webkit的HTML）还是我捆绑了东西？我试过了： $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); 但这既没有停止清算行为，也没有提交表格。没有与表单相关的操作-可能是问题吗？我可以在动作中添加JavaScript函数吗？

427 javascript jquery html webkit forms

8

Firefox的自定义CSS滚动条

我想用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做到这一点。将不胜感激某人的专家意见！

313 css firefox webkit scrollbar

14

将数据URI转换为文件，然后追加到FormData

我一直在尝试重新实现HTML5图像上载器，例如Mozilla Hacks网站上的那个，但是它可以与WebKit浏览器一起使用。任务的一部分是从canvas对象中提取图像文件，并将其附加到FormData对象中进行上传。问题在于，虽然canvas具有toDataURL返回图像文件表示形式的功能，但FormData对象仅接受File API中的 File或Blob对象。 Mozilla解决方案在Firefox上使用了以下仅Firefox功能canvas： var file = canvas.mozGetAsFile("foo.png"); ...这在WebKit浏览器上不可用。我能想到的最好的解决方案是找到一种将Data URI转换为File对象的方法，我认为这可能是File API的一部分，但是我一生都找不到能够做到这一点的方法。可能吗？如果没有，还有其他选择吗？谢谢。

282 javascript html webkit

18

如何在Android上调试JavaScript？

我正在从事一个涉及Raphaeljs的项目。原来，它在Android上不起作用。它可以在iPhone上使用。我该如何在Android浏览器上调试某些东西？它是WebKit，因此，如果我知道版本，是否可以在WebKit的完整版本上对其进行调试会产生相同的结果？

281 android debugging webkit

30

使用JavaScript获取图像的实际宽度和高度？（在Safari / Chrome中）

我正在创建一个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(); 但是在Webkit浏览器中，例如Safari和Google Chrome的值为0。

278 javascript jquery safari google-chrome webkit

14

什么是WebKit？它与CSS有什么关系？

最近，我看到了带有“ webkit”标签的问题。这些问题通常是与CSS，jQuery，布局，跨浏览器兼容性问题等有关的基于Web的问题。那么，这是什么“ Webkit”，它与CSS有什么关系？我还注意到-webkit-...各种网站的源代码中有很多属性。这两个有关系吗？更新资料因此，从到目前为止的答案来看... WebKit是Safari / Chrome的HTML / CSS Web浏览器呈现引擎。是否有针对IE / Opera / Firefox的引擎，将它们相互使用有什么优缺点？例如，我可以在Firefox中使用WebKit功能吗？最终的问题... IE支持WebKit吗？更新2 所有主要的浏览器都使用不同的渲染引擎。我想这是为什么存在这么多跨浏览器兼容性问题的重要原因！那么，是否存在所有浏览器都将使用的某种项目或向标准渲染引擎的迁移？HTML5是否会终结跨浏览器的兼容性问题？

277 css webkit cross-browser rendering-engine

5

JavaScript：有没有办法让Chrome打破所有错误？

我正在Chrome中寻找与Firebug的“打破所有错误”功能相当的产品。在“脚本”标签中，Chrome浏览器具有“暂停所有异常”功能，但这与打破所有错误并不完全相同。例如，当使用以下代码加载页面时，我希望Chrome在行上中断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。

258 javascript google-chrome debugging webkit

27

如何强制WebKit重绘/重绘以传播样式更改？

我有一些琐碎的JavaScript可以实现样式更改： sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; 在最新版本的FF，Opera和IE上可以正常使用，但在最新版本的Chrome和Safari上无法使用。它影响了两个后代，它们恰好是兄弟姐妹。第一个同级更新，但第二个不更新。第二个元素的子元素也具有焦点，并包含<a>标记，该标记在onclick属性中包含上述代码。如果我微调（例如取消选中和选中）任何元素的任何属性，则在Chrome“开发人员工具”窗口中，第二个兄弟姐妹将更新为正确的样式。是否有一种解决方法可以轻松地以编程方式“推动” WebKit做正确的事情？

247 css google-chrome safari webkit

6

Chrome / Safari无法填充Flex父级的100％高度

我想要一个具有特定高度的垂直菜单。每个孩子必须填满父母的身高，并且中间对齐文本。孩子的数量是随机的，因此我必须使用动态值。 Div .container包含随机数量的子代（.item），这些子代始终必须填充父代的高度。为此，我使用了flexbox。为了使文本中间对齐，我使用了display: table-cell技巧。但是使用桌子显示器需要使用100％的高度。我的问题是.item-inner { height: 100% }无法在webkit（Chrome）中使用。有解决此问题的方法吗？还是有另一种方法使.item文本全部垂直于中间对齐，从而全部填充父级的高度？此处的示例jsFiddle，应在Firefox和Chrome中查看 .container { height: 20em; display: flex; flex-direction: column; border: 5px solid black } .item { flex: 1; border-bottom: 1px solid white; } .item-inner { height: 100%; width: 100%; display: table; } a { background: orange; …

235 css google-chrome webkit flexbox

17

背景颜色未显示在打印预览中

我正在尝试打印页面。在该页面中，我为表格提供了背景色。当我在chrome中查看打印预览时，它不具有背景色属性... 所以我尝试了这个属性： -webkit-print-color-adjust: exact; 但仍然没有显示颜色。 http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: 0px;"> <thead> <tr class="vendorListHeading" style=""> <th>Date</th> <th>PO Number</th> <th>Term</th> <th>Tax</th> <th>Quote Number</th> <th>Status</th> <th>Account Mgr</th> <th>Shipping Method</th> <th>Shipping Account</th> <th style="width: 184px;">QA</th> <th id="referenceSO">Reference</th> <th id="referenceSO" style="width: …

223 google-chrome css printing webkit

Questions tagged «webkit»