Tag: 浏览器的WebKit

我怎样才能在Android上debuggingJavaScript?

我正在做一个涉及Raphaeljs的项目。 事实certificate,它不适用于Android。 它在iPhone上。 在Android浏览器上debugging某些东西到底是怎么回事? 这是WebKit,所以如果我知道这个版本,那么在WebKit的完整版本上debugging它会产生相同的结果?

在UIWebView中禁用用户select

我有一个应用程序,我把内容加载到一个UIWebView并呈现这个。 我不能完全禁用用户交互,因为我希望用户能够点击链接。 我只需要禁用用户select。 我在互联网的某个地方find了你可以使用的地方: document.body.style.webkitUserSelect='none'; 我试图插入这个 [self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; 在webViewDidFinishLoad: 但是,它不起作用。 我仍然可以在WebView中select和复制文本。 任何想法可能会出错? 更新:这似乎只是从iOS 4.3开始

如何删除input文本元素上的边框突出显示

当一个html元素被“聚焦”(当前被选中/选中)时,许多浏览器(至lessSafari和Chrome)将在其周围放置一个蓝色边框。 对于我正在进行的布局,这是分散注意力,看起来不正确。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> FireFox似乎不这样做,或者至less,会让我控制它 border: x; 如果有人能告诉我IE是如何执行的,我会好奇的。 但让Safari删除这一点耀斑将是很好的。 谢谢

Gmail和Google Chrome 12+如何在剪贴板function中使用粘贴图片?

我发现了一篇来自Google的博客文章 ,提到如果您使用的是最新版本的Chrome,则可以直接从剪贴板将图片粘贴到Gmail邮件中。 我试着用我的Chrome版本(12.0.742.91 beta-m),它使用控制键或上下文菜单很好用。 从这种行为中,我需要假设Chrome浏览器中使用的最新版本的webkit能够处理Javascript粘贴事件中的图像,但是我一直无法find任何对这种增强的引用。 我相信ZeroClipboard绑定到按键事件触发其闪光灯function,因此不会通过上下文菜单工作(另外,ZeroClipboard是跨浏览器,并表示这只适用于Chrome浏览器)。 那么,这是如何工作的,以及如何增强Webkit(或Chrome)的function?

使用jQuery提交“input”表单?

我有一个使用HTML / jQuery的AIR项目的bog标准login表单 – 一个电子邮件文本字段,一个密码字段和一个提交button。 当我在表单上按Enter键时,整个表单的内容就会消失,但表单不会被提交。 有谁知道这是否是一个Webkit的问题(Adobe AIR使用Webkit的HTML),或者如果我已经堵塞了事情? 我试过了: $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); 但是,这既不能阻止清算行为,也不能提交表格。 没有与表格相关的行动 – 这可能是问题吗? 我可以把一个JavaScript函数的行动?

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

我正在使用Direct Web Remoting(DWR)JavaScript库文件,并且仅在Safari(台式机和iPad)中出现错误, 它说 最大调用堆栈大小超出。 这个错误究竟意味着什么,它完全停止处理? 此外,任何修补程序的Safari浏览器(实际上在iPad Safari ,它说 JS:执行超时超时 我正在假设是相同的调用堆栈问题)

自定义CSS滚动条的Firefox

我想用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来做)。 会感谢有人的专家build议!

我如何强制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失败。 它影响到两个后代,这是兄弟姐妹。 第一个兄弟更新,但第二个没有。 第二个元素的子元素也具有焦点,并包含onclick属性中包含上述代码的<a>标记。 在Chrome“开发工具”窗口中,如果我推动(例如取消选中并检查) 任何元素的任何属性,则第二个兄弟更新为正确的样式。 有没有一种解决方法可以轻松地以编程方式“推”WebKit做正确的事情?

用JavaScript获取图像的真实宽度和高度? (在Safari / Chrome中)

我正在创build一个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。

将数据URI转换为文件,然后附加到FormData

我一直在尝试重新实现一个像Mozilla Hacks站点上的 HTML5图片上传器,但是它可以和WebKit浏览器一起工作。 部分任务是从canvas对象中提取图像文件,并将其附加到FormData对象上传。 问题是,尽pipecanvas具有toDataURL函数来返回图像文件的表示,但FormData对象只接受来自File API的 File或Blob对象。 Mozilla解决scheme在canvas上使用了以下仅限Firefox的function: var file = canvas.mozGetAsFile("foo.png"); …在WebKit浏览器上不可用。 我能想到的最好的解决scheme是find一种方法将数据URI转换为File对象,我认为这可能是File API的一部分,但是我不能为了我的生活find一些可以做到的事情。 可能吗? 如果没有,还有其他的select 谢谢。