Tag: 浏览器的WebKit

禁用input文字颜色: 下面简单的HTML在Firefox和基于WebKit的浏览器（我在Safari，Chrome和iPhone中检查过）显示不同。在Firefox中，边框和文本都具有相同的颜色（ #880000 ），但在Safari中，文本变得更轻（就像应用了一些透明度一样）。我可以以某种方式解决这个问题（在Safari中删除这个透明度）？更新：谢谢您的回答。我不再需要这个工作了（而不是禁用我用样式的div元素replaceinput元素），但我仍然好奇为什么发生这种情况，如果有任何方法来控制这种行为… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

在JavaScriptCore中的WebWorker上下文中添加一个新的本机类: 我有一个在webkit-gtk浏览器中通过JavaScriptCore扩展JavaScript的应用程序。现在我有几个类，我添加到全局上下文，如下所示： void create_js(gpointer context, char* className, JSClassDefinition clasDefinition) { JSClassRef classDef = JSClassCreate(&clasDefinition); JSObjectRef classObj = JSObjectMake(context, classDef, context); JSObjectRef globalObj = JSContextGetGlobalObject(context); JSStringRef str = JSStringCreateWithUTF8CString(className); JSObjectSetProperty(context, globalObj, str, classObj, kJSPropertyAttributeNone, NULL); JSStringRelease(str); } 现在，我还想将这些类添加到WebWorker的上下文中，所以我可以从JS中实例化的worker中调用它们。我试过让Worker对象如下所示： JSStringRef workerStr = JSStringCreateWithUTF8CString("Worker"); JSObjectRef worker = JSObjectGetProperty(context, globalObj, workerStr, NULL); JSObjectSetProperty(context, worker, str, classObj, kJSPropertyAttributeNone, NULL); […]

如何在Chrome或Safari中为缩小的JS函数设置断点？: 我想在Chrome或Safari JavaScriptdebugging器的“Cart.add”函数中设置一个断点。问题是，这个函数是在一个大型的JS文件中定义的，它本身并不存在于一行上。一些文档说，基于WebKit的debugging器在debugging控制台中支持“break”或“debug”命令，但是这些debugging器在较新版本中似乎不起作用。在JS文件的那一行设置一个断点也不行，因为那行有很多function。有什么build议么？

CSS3属性webkit溢出滚动：触摸错误: iOS 5向网页devise师发布了一个新的属性-webkit-overflow-scrolling:touch ，它使用iOS设备硬件加速器为可滚动的div提供本地滚动。当我们的网站在开发中实施时，它确实工作，但不好。我相信可能有一个CSS问题，所以我在这里问。下面的小提琴会告诉你它完美的工作如果您在开发中popup到我们的网站，您将在设备选项卡下find相同的面板，但是在iOS上，尽pipe滚动是完美的，但溢出的部分不会显示，并且图像会被明显地切成两半。 http://www.golfbrowser.com/courses/mill-ride/ 我不知道如何解决这个http://www.golfbrowser.com/photo.PNG

CSS媒体查询只针对iPad和iPad？: 嗨，我正在与多个平板设备，iPad，银河标签，macros碁Iconia，LG 3D垫等。 iPad – 1024 x 768 LG垫 – 1280 x 768 Galaxy Tab – 1280 x 800 我只想使用CSS3媒体查询来定位iPad。因为，LG和iPad的设备宽度是相同的768px – 我无法分离每个设备。我试过以下分开，但似乎没有工作： @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) /* applied to lg also */ @media only screen and (min-resolution: 132dpi) and (max-device-width: 1024px) and (orientation : portrait) […]

使用CSS变换后模糊的文本：scale（）; 在Chrome中: 似乎Google Chrome最近有一个更新，在进行transform: scale()后会导致模糊的文本transform: scale() 。具体来说，我正在这样做： @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } 如果您在Chrome中访问http://rourkery.com ，则应该在主文本区域中看到问题。它并没有用来做到这一点，它似乎并没有影响其他的webkit浏览器（如Safari）。还有一些关于人们遇到与3D变换类似的问题的其他post，但没有find像这样的2D变换的任何东西。任何想法将不胜感激，谢谢！

HTML书籍式的分页: 如何将HTML文件的内容以屏幕大小的块分割为WebKit浏览器中的“分页”？每个“页面”应该显示一个完整的文本量。这意味着一行文本不能在屏幕的顶部或底部边框中被切成两半。编辑这个问题最初被标记为“Android”，因为我的意图是build立一个Android ePub阅读器。但是，这个解决scheme似乎只能通过JavaScript和CSS来实现，所以我扩大了问题的范围，使其与平台无关。

poltergeist / PhantomJS和capybara-webkit有什么不同？: PhantomJS和capybara-webkit有什么区别？ capybara-webkit比PhantomJS有什么优势？哪两个是最有效的工具？其他 …

如何创build格式化的JavaScript控制台日志消息: 我今天在Facebook上的Chrome浏览器中“摇摆”了控制台。令人惊讶的是，我在控制台中得到了这个消息。现在我的问题是：这怎么可能？我知道控制台有一些“利用”方法，但是如何在控制台中进行这种字体格式化呢？（而且它是console.log？）

如何使用-webkit-animation向外环创build脉冲效果: 我find了这篇文章： http://www.zurb.com/article/221/css3-animation-will-rock-your-world css3animation。我正试图创build一个类似的效果在上面的网站上看到，但在个人网站上：www.imfrom.me 我有缅因州的地方，有红色的提示框。我想通过指示位置的箭头创build一个脉冲环。用代码更新：我想出了下面这个（在这里试试吧： http : //jsfiddle.net/ftrJn/ ），你可以告诉它的密切关系，以及如何让它从中心发展的任何想法： .gps_ring { border: 3px solid #999; -webkit-border-radius: 30px; height: 18px; width: 18px; position: absolute; left:20px; top:214px; } .gps_ring{ -webkit-animation-name: pulsate; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite } @-webkit-keyframes pulsate { 0% { width:1px;height: 1px; opacity: 0.0} 10% { width:3px;height: 3px; opacity: .20} 20% […]