Tag: 浏览器的WebKit

有什么理由比CefGlue更喜欢CefSharp(反之亦然)?

在为.NET提供一个体面的embedded式框架(CEF)的领域,两个领先的select似乎是CefSharp和CefGlue。 它们在方法上有所不同(CefGlue使用P / Invoke调用CEF非托pipe代码,CefSharp使用CEF库的混合模式C ++ / CLI包装器)。 混合模式程序集比P / Invoke调用更好吗? 所有其他的事情都是平等的,看起来CefGlue(P / Invoke库)为CEF项目提供了一个“更薄”的包装,这意味着它可能更快地响应上游库中的更新。 这两个图书馆的经验是否可以分享哪些差异化因素?

如何在Delphi应用程序中embeddedIE <n>以外的浏览器对象

使用默认的TWebBrowser可以轻松embeddedWeb浏览器。 不幸的是,默认进来的是IE <n>。 我想知道如何整合一个Gecko或WebKit之一。 有什么VCL例子吗? 如果不是的话,怎么去做呢? 哪里可以findembedded式格式的Gecko和/或WebKit的核心?

正确的方法来优化iOS / Mobile Safari的CSS 3animation?

我正在使用PhoneGap构build一个iPad应用程序。 我试图为animation使用CSS转换,但我不完全确定我正在使用正确的方法来利用设备可能支持的任何硬件加速。 这是一个模式窗口(DIV),我想从页面顶部向下滑动。 它会从屏幕的顶部开始定位,然后通过jquery添加一个类来animation到页面本身: .modal { background: url('..http://img.dovov.combgnd-modal.png'); width: 800px; height: 568px; position: absolute; top: -618px; left: 100px; z-index: 1001; -webkit-transition: top .25s ease-in; } .modal.modalOn { top: 80px; } 当部署到iOS 4的iPad 2上时,这是有效的,但是animation稍微有些生涩。 这不是一个完全stream畅的animation。 我应该使用不同的CSS来处理这个问题吗? 或者,这可能只是一个PhoneGap应用程序的副作用,而且有一个大背景图像的DIV?

有没有办法从Cocoa WebView对象使用WebKit Web检查器?

我想在OS X上基于WebKit的自定义浏览器中使用WebKit Web检查器。是否有可能使用WebView对象上的Web检查器? 如果是这样,怎么样?

INVALID_STATE_ERR:DOM例外11(WebKit)

我最近testing了一个我正在使用Chrome和Safari的Cappuccino应用程序。 我得到的错误: INVALID_STATE_ERR: DOM Exception 11: An attempt was made to use an object that is not, or is no longer, usable. 缺乏信息令人沮丧。 什么对象和我在哪里试图使用它? Chrome试图回答第二个问题,但是它给出的行号,465,当它给出的文件长度只有94行时,并不意味着什么。 没有更多的信息,我甚至不知道从哪里开始寻找。

(移动)浏览器中针对CSS3硬件GPU加速优化基于SVG的精灵表

在过去的一周里,我一直在帮助朋友在浏览器中使用基于SVG的精灵表单进行实验。 我们想要提出一个理想的工作stream程 ,在浏览器中准备,发布和运行高质量的animationgraphics。 所以最好有一个animation数据源,可用于小型智能手机屏幕,平板电脑,视网膜显示器和桌面浏览器。 从理论上讲,基于vector的SVG应该是理想的,但是由于SVG通常不被使用,所以我们决定对它进行testing。 这个想法不是使用SMIL SVG(所以没有基于SVG的animation),而是创build一个animation精灵表(像通常的光栅数据PNG / JPG一样),但是用纯vector即SVG来做。 它有点大,但是如果这样做的话 – 甚至可以更好地进行工作。 加上逐帧的vectoranimation可以为我们的工作stream程做很多事情 – 它可以让我们使用Flash编辑器来做animation,然后将它们导出到SVG精灵表。 无论如何, 结果出人意料的好,但也在一些地区失败(请注意,为了testing目的,我们只使用基于Webkit的浏览器,例如Safari,Chrome,iOS上的移动Safari和Android ICS)。 在CSS中,像这样触发一个精灵表的硬件加速是非常容易的(至less在具有关键帧和步骤的现代浏览器中) – 你只需要这样做: background-image: url(my.svg); -webkit-animation: walk 1s steps(12, end) infinite; 调用此处显示的基于关键帧的animation: @-webkit-keyframes walk { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); } } 在iOS移动版Safari和Android ICS浏览器中,translate3d的使用应该让GPU能够使用硬件加速。 令人惊讶的是,考虑到这是一种蛮力技术和相当大的vectoranimation(600x600px的testing) – 整个事情飞行。 但它并不完美 – […]

在CSS3中设置旋转点?

是否可以在CSS3中设置旋转点? 默认的旋转点是50%,50%。 我试过了: -webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%; 但它不工作…有什么build议吗?

无法在一个周期结束时停止animation

我正在制作一个CSSanimation,在这个animation中,我正在移动东西,并希望它停留在最后位置,直到用户将鼠标移开。 body { background: url('osx.jpg'); padding: 0; margin: 0; line-height: 60px; } @-webkit-keyframes item1 { 0% { bottom: -120px; left: 0px; } 10% { bottom: -40px; left: 10px; -webkit-transform: rotate(5deg); } 100% { bottom: -40px; left: 10px; -webkit-transform: rotate(5deg); } } @-webkit-keyframes item2 { 0% { bottom: -120px; left: 0px; } 10% { bottom: 60px; […]

如何在DOM中删除图像时防止内存泄漏?

webkit中有一个已知的bug ,当你从DOM中移除一个图像时,它不会释放与之关联的内存。 这是经常加载图像的单页应用程序的问题。 各种build议解决scheme是: 从DOM中删除图像之前删除图像的src属性 将图像src设置为“”,然后从DOM中删除图像 将图像从DOM中移除之前,将图像设置为单个像素图像 创build有限数量的图像元素并继续回收 前3种方法不适合我。 回收图像元素的主要缺点是,这意味着要编写大量的代码来pipe理它。 我通过可能包含图像的AJAX加载新的HTML,所以我不一定知道将被加载的图像的数量。 有没有其他的解决办法来解决这个问题?

UIWebView旋转后调整文本大小:寻找神奇的bug或我的愚蠢的解释

所以我有UIWebView在我的应用程序,我加载一些HTML(文章),把一些CSS,使一切更好。 这是简单明了的,一切都是完美的,直到我尝试添加阅读景观function,然后我已经注意到,UIWebView忽略任何CSS“字体大小”,我已经放在HTML中,并增加字体大小后,旋转到横向模式急剧增加。 我花了大约4-5个小时(我是新手编程的Iphone应用程序,但我很固执,当谈到做正确的事情)试图解决它。 试了很多很多的configuration选项 – 什么都没有。 今晚有些神奇的事情发生了。 只要看看源代码: 与Bug的风景: r = CGRectMake(0.0, 0.0, 480.0, 320.0); [adView.view removeFromSuperview]; if (!isFullScreen) { minus = 50 + minus; [controlsView setFrame:CGRectMake(0, r.size.height – 50, r.size.width, 50)]; } else { minus = 20; } [textView setFrame:CGRectMake(0, 0, r.size.width, r.size.height – minus)]; [scrollView setFrame:CGRectMake(0, 0, r.size.width, r.size.height – minus)]; 风景固定(字体大小不再改变): r […]