草庐IT

cross-browser

全部标签

javascript - 谷歌浏览器 : Focus issue with the scrollbar

我正在使用jQuery1.3.2。表单中有一个输入字段。单击输入字段会打开一个div作为下拉列表。div包含项目列表。由于列表很大,div中有一个垂直滚动条。要在外部单击时关闭下拉菜单,输入字段上有一个模糊事件。现在的问题是:在chrome(2.0.172)中,当我们点击滚动条时,输入框会失去焦点。现在,如果您在外部单击,则下拉菜单不会关闭(因为当您单击滚动条时输入已经失去焦点)在Firefox(3.5)、IE(8)、opera(9.64)、safari()中,当我们点击滚动条时,输入框不会失去焦点。因此,当您在外部单击时(单击滚动条后),下拉菜单将关闭。这是预期的行为。所以在chro

javascript - 如何解释在 Protractor 中使用 browser.sleep

我是Protractor的新手,我正在尝试测试弹出事件,这是我的代码:describe('popoverdirective',function(){varbuttons=element.all(by.tagName('button'));it('shouldshowthepopovertitlebyclicking',function(){varpopTitle="testTitle";varpopContent="testContent";element(by.model('title')).clear().sendKeys(popTitle);element(by.model('c

javascript - iframe 背景图像在 Firefox 中显示正常但在 IE 中显示不正常

为什么IE在Iframe中不像firefox那样显示BG法师?我无法访问iframed页面。任何CSS或javascript解决方案 最佳答案 除了将CSS样式background-color:transparent;添加到iframe文档的body元素外,您还需要将allowtransparency属性添加到iframe元素在包含文档中。参见http://msdn.microsoft.com/en-us/library/ms533072(VS.85).aspx获取更多信息。如果您不能修改iframe的文档,那您就倒霉了。也许您可以

javascript - IE 中的 XPath 查询使用从零开始的索引,但 W3C 规范是从一开始的。我应该如何处理差异?

问题我正在转换目前仅适用于InternetExplorer的相对较大的Javascript,以便使其也适用于其他浏览器。由于代码广泛使用XPath,我们做了一些兼容性功能,使事情变得更容易functionselectNodes(xmlDoc,xpath){if('selectNodes'inxmlDoc){//useIElogic}else{//useW3C'sdocument.evaluate}}这大部分工作正常,但我们只是遇到了限制,即IE中的位置是从零开始的,但在其他浏览器使用的W3C模型中,它们是从一开始的。这意味着要获取第一个元素,我们需要在IE中执行//books[0],在

javascript - 什么触发 "Internet Explorer has modified this page to help prevent cross-site scripting."?

我正在尝试针对InternetExplorer中缺少的CORS功能实现解决方法。对于GET请求我使用JSONP,这里没问题。对于小型POST/DELETE/PUT请求,我还通过GET隧道化请求来使用JSONP,但这不适用于较大的请求(因为GETURL的长度是有限的)。因此,对于大数据,我尝试通过iframe实现表单POST。由于同源策略,我无法读取此POST的响应,因此我在发布数据后通过JSONPGET请求获取响应。效果很好,但有时我会在IE9中收到奇怪的警告:InternetExplorerhasmodifiedthispagetohelppreventcross-sitescrip

javascript - 使用 jQuery 是跨浏览器兼容性的保证吗?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。我注意到在某些情况下,用JavaScript编写跨浏览器兼容的代码可能有点困难。使用jQuery是否可以保证我的JavaScript代码适用于所有浏览器?

javascript - 跨浏览器替换使用event.layerX和event.layerY的方案

我正在尝试从一个使用Raphael的简单应用程序中改编一些代码,以允许用户在Canvas上绘制圆形和矩形。(原始代码在https://gist.github.com/673186)原始代码使用旧版本的jQuery并且运行良好。参见http://jsfiddle.net/GHZSd/但是,使用更新版本的jQuery会破坏示例。参见http://jsfiddle.net/GHZSd/1/这是因为新版本的jQuery中不再定义event.layerX和event.layerY。我的问题是-我可以使用什么代码来替换这些值?我只是通过做一些数学尝试了一些事情(event.originalEven

javascript - 如何通过程序(例如 HTML、JS、PHP)更改浏览器的 pdf 查看器?

目标:一个基于浏览器的pdf查看器,具有缩放和拖动/平移功能(如果允许隐藏保存功能则更好)以取代浏览器默认的问题:所有浏览器(不包括旧的IE)都有自己内置的pdf查看器,没有拖动/平移功能目前此代码使用默认的pdf查看器:ThePDFcannotdisplay是否可以强制所有使用adobereader的浏览器(Chrome、FireFox、IE8+)使用javascript/jquery/html/php打开pdf文件?或者有没有任何基于网络的pdf查看器具有上述功能?注意:对于第一种方法:我找到了方法,例如内容处置:附件但它只会改变从查看到下载pdf的行为,不会改变打开pdf文件的偏

javascript - 如何让 JavaScript 动画在所有系统的所有浏览器上以相同的速度播放?

我有一个函数可以计算在X轴和Y轴上移动的各种对象的动画中的下一帧[我称之为frameRender()]以及一个将生成的帧应用于对象[我称之为frameDisplay()]。对象不只是从A点移动到B点,它们不断移动,总是接收新的目标坐标。我将setInterval()与1000/frameRate间隔一起使用,但这似乎根本不起作用,因为浏览器没有准确的计时。问题是:如何确保动画具有恒定的帧速率,并在所有浏览器、所有系统上以相同的速度运行?我已经尝试了所有方法,即使在不同的浏览器上也似乎无法获得准确的结果(我在Firefox和Chrome上进行了测试,Chrome通常显示速度更快)。结果应

javascript - 微软表面 : How do I allow JavaScript touch/drag events to work without being intercepted by the browser?

我的网站上有一张GoogleMapsmap,但当它与MicrosoftSurface平板电脑一起使用时,“平移”手势会被浏览器拦截——它会尝试转到下一个浏览器窗口。如何允许浏览器忽略平移(拖动事件)以使map正常运行?转到maps.google.com,map完全可以拖动,因此Google必须采用一种解决方法。 最佳答案 根据MS的“指针和手势事件”指南(此处:http://msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zoomi