Tag: 浏览器的WebKit

在页面加载的第一个“焦点”事件Safari浏览器抖动/跳跃（bug？）

我目前正在对付Safari上令人沮丧的错误，我不知道还有什么可以转身的。 看起来会触发focus事件的大多数元素（但不是全部，也不能识别区分因素）会导致页面上所有被转换或animation的元素跳转到顶部和左侧〜2px。 这只发生在页面加载后的第一个焦点事件上。 看到这个bug，有点烦人，因为它在droplr.com的login部分，而且我完全无法在JSFiddle上提炼出一个简单的例子。 如果你有/创build一个账户并login，点击这个编辑图标进行删除： 你会看到，在页面的第一个焦点，事情抖动。 下面是时间线，当页面上有一个单独的下拉菜单时，我将焦点放在一个有问题的元素上： 随着更多的下降，它只是更多的相同，但似乎最多约40个油漆。 而剖析器并没有暗示任何有害的东西。 只是通过jQuery内部旅行。 如果不是通过translate3d或matix3d来布局元素，我只需要使用top和left ，这个bug就会消失。 经过几小时和几个小时的debugging，我完全失去了。 希望有人看到类似的东西，可以看看，或者可以给我build议debugging下一步。 非常感谢！ 更新：戴夫德桑德罗build议这是3D加速踢，所以我试着用一个translate来代替，果然，这并没有造成抖动。 我不知道为什么硬件加速会通过focus事件引发，只有一次。 我已经尝试在页面加载中设置一个0的transformZ，继续增加硬件，但在那里也没有运气。 欢迎任何更多的想法。

CSS转换不适用于百分比高度？

我有以下的CSS定义： .detailsCollapsed { display:none; height:0%; width:100%; -webkit-transition:height 40s ease-in-out; } .detailsExpanded { display:block; visibility:visible; height:100%; width:100%; -webkit-transition:height 40s ease-in-out; } 这些应用于一个div里面的一些内容。 我也有一些JavaScript，当一个div被点击时，它会改变元素上的类名称。 这工作正常扩展和崩溃，但没有iPhone上的animation？ （我尝试使用stream体animation正常工作的所有其他转换）任何想法？

CSS3转换和转换（Webkit）

考虑下面的小提琴 p { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: transform 1s ease-in; -moz-transition: transform 1s ease-in; -o-transition: transform 1s ease-in; transition: transform 1s ease-in; } a:hover + p { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } […]

解释段错误消息

以下段错误消息的正确解释是什么？ segfault at 10 ip 00007f9bebcca90d sp 00007fffb62705f0 error 4 in libQtWebKit.so.4.5.2[7f9beb83a000+f6f000] segfault at 10 ip 00007fa44d78890d sp 00007fff43f6b720 error 4 in libQtWebKit.so.4.5.2[7fa44d2f8000+f6f000] segfault at 11 ip 00007f2b0022acee sp 00007fff368ea610 error 4 in libQtWebKit.so.4.5.2[7f2aff9f7000+f6f000] segfault at 11 ip 00007f24b21adcee sp 00007fff7379ded0 error 4 in libQtWebKit.so.4.5.2[7f24b197a000+f6f000]

旋转并翻译

我有一些旋转和定位文本行的问题。 现在这只是一个有效的位置。 旋转也可以，但只有当我禁用定位。 CSS： #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML只是纯文本。

WKWebView导致我的视​​图控制器泄漏

我的视图控制器显示一个WKWebView。 我安装了一个消息处理程序，一个很酷的Web Kitfunction，可以让我的代码从网页内部得到通知： override func viewDidAppear(animated: Bool) { super.viewDidAppear(animated) let url = // … self.wv.loadRequest(NSURLRequest(URL:url)) self.wv.configuration.userContentController.addScriptMessageHandler( self, name: "dummy") } func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) { // … } 到目前为止这么好，但现在我发现我的视图控制器正在泄漏 – 当它被解除分配时，它不是： deinit { println("dealloc") // never called } 看起来，仅仅将自己安装为消息处理程序会导致保留周期，从而导致泄漏！

将webkit滚动条样式应用于指定的元素

我是以双冒号为前缀的伪元素。 我遇到了一篇博客文章，讨论使用一些webkit的css滚动条样式。 伪元素CSS可以应用于单个元素吗？ /* This works by applying style to all scroll bars in window */ ::-webkit-scrollbar { width: 12px; } /* This does not apply the scrollbar to anything */ div ::-webkit-scrollbar { width: 12px; } 在这个小提琴中，我想使div的滚动条自定义，但主窗口的滚动条保持默认。 http://jsfiddle.net/mrtsherman/4xMUB/1/

提取当前的DOM并将其打印为string，样式不变

我希望能够拿走我的DOM，并将其转换为string。 比方说，我打开检查员，并更改特定元素的margin-left属性。 这个改变应该反映在我的string中。 该函数应该适当地采用当前应用于元素的所有样式（不包括默认值），并将其包含在该元素的内联样式中。 我写了一个已经被certificate是不够的“解决scheme”。 webkit中的getMatchedCSSRules函数是非常挑剔的，我一直无法确定它为什么有时会起作用，并且在其他时候不起作用。 因此，我想避免使用这个function，除非它工作100％的时间。 同样， getComputedStyle函数也有自己的问题。 如果使用检查器将此页上的#footer元素更改为7px solid red而不是7px solid black ，则在控制台中运行getComputedStyle(document.getElementById('footer')).cssText时，但它也会给我一些从未被用户使用检查员或页面上的样式表所修改的inheritance属性。 我正在寻找一个适用于webkit的解决scheme – 跨浏览器兼容性目前不是问题。 谢谢！

每个版本的iOS都有哪些版本的移动版Safari？

我试图弄清楚我可以使用哪些Javascript API来实现对iOS2的支持。 我还没有find任何地方的列表，显示了每个新版本iOS的Mobile Safari版本。 我正在寻找一个全面的列表，一直回到iOS2。 谢谢！ [编辑：是的，我知道和喜欢function检测。 不过，我有一套我需要支持的有针对性的浏览器，而且我只需要validation我提供的回退是否覆盖了我的目标受众，而且我不需要提供额外的回复，这些回复是繁琐的黑客）。]

在Android应用程序中embeddedChromium或Webkit

对于我们的Android应用程序，我们想embedded我们自己的浏览器/渲染引擎。 Webkit / Chromium是最有可能的select。 我们正在寻找类似于WebView的东西，本质上是，但是由我们控制的浏览器（版本）支持。 背景 我们的应用程序的重要组成部分包括视图中embedded的网页片段（由应用程序本身提供）。 我们尽可能透明地做到这一点（从视觉/用户体验的angular度来看）。 到目前为止，我们一直在使用WebView来实现这个function，而且这个function在很大程度上起作用 除非没有。 一些手机厂商不幸地决定调整标准的Android浏览器在这里和那里。 在某些情况下，这会打破我们的应用程序，或者使得我们embedded一个更明显的网页。 我们的想法 我们希望有一个类似于WebView的组件，但是我们可以控制使用什么版本的Webkit / Chromium（或其他渲染引擎）。 这不一定是最新和最好的版本。 更重要的是，我们可以让我们的应用程序在尽可能多的Android设备上保持一致 。 至今 迄今为止我们的研究还没有发现任何有用的东西。 我们已经发现了三次将Webkit移植到NDK的尝试（Android版裸露的Webkit端口使用了NDK中不具备的function，因此不适用于应用程序开发人员）： 公司100的Webkit Android端口 （两年以上没有更新） mogo浏览器 （他们的最后一次修改是删除所有的源代码） NDK Webkit （由其作者正式放弃） 看着StackOverflow，我们也发现了一些类似的问题，其中大部分是通过指向WebView来解决的（我们已经这样做了，而且还不够好） Android的Webkit组件 在我的应用程序中embedded基本的WebKit + V8 使用Android应用程序embedded更新版本的WebKit 我们目前正在调查Android的Chromium （或其中的一部分）是否可以变成我们的应用程序可以使用的库。 有没有其他人做到这一点？ 更新 看看GitHub上的chromeview项目（已接受的答案）后，我们决定等待Google在未来的Android设备上发布基于Chrome的WebView。 Chromium渲染引擎变得相当大（〜40MB），这不会为实际的应用程序留下太多的空间:(