Tag: google chrome

Chrome无法再从脚本中记录可检查的jQuery对象

可能重复: 我如何在Chrome中控制jQuery DOM元素? 在最新的稳定版Chrome 23.0.1271.101和Chrome Canary 26.0.1373.0中,从脚本运行以下代码: $(function(){ console.log( $(‘body’) ) }) 现在返回: [, prevObject: jQuery.fn.jQuery.init[1], context: #document, selector: “body”] 将鼠标hover在此注销上无效,无法检查。 交互式控制台仍然有效,例如键入: console.log( $(‘body’) ) 将正确回应: […] 当鼠标hover在日志输出上时,可以检查它,就像之前版本的Chrome用于脚本一样。 有没有办法让每个以前版本的Chrome使用Chrome日志可检查元素,并且仍然可以使用交互式控件? 是否有较新版本或较旧版本的Chrome没有此错误?

使用jquery ajax表单提交Chrome数据压缩代理错误

我有一个简单的网页,其中包含使用jquery通过ajax提交的表单。 在桌面浏览器上提交表单时,该表单正常工作,但在启用了“chrome data compression proxy”function的移动设备上使用Chrome提交时,表单会出错。 我收到以下错误消息: 无法通过“chrome数据压缩代理”加载此页面。请尝试重新加载此页面。 在做了一些搜索之后,有一些类似的问题就像这一个 ,尤其是这个问题 ,但对我来说都没有帮助。 应该通过“Chrome数据压缩代理”的引导回答秒问题。我在第二个问题答案中尝试了建议,即将Cache-Control标头设置为无变换。 但这没有任何区别。 有没有人有类似的问题,并为此解决? 这是我用来提交表单的代码: $.ajax({ type : “POST”, url : “services/users/changePasswordUsingToken”, data : { ‘token’ : token, ‘md5pwd’ : md5pwd }, headers : { ‘Cache-Control’: ‘no-transform’ }, success : function(response, textStatus, xhr) { … }, error : function(xhr, status, error) { alert(xhr.responseText); //This page cannot […]

webkit浏览器正在获取elements.width()错误

我试图获得正确的容器计算宽度。 所有浏览器都正确获得计算出的宽度。 (甚至是IE)但令人惊讶的是Chrome和webKit浏览器正在获得有线号码。 我试图获得 的总宽度,包括其边框和填充+其边距右。 然后将其乘以 的长度,以获得保持它们所需的确切宽度 我用宽度计算来追踪问题。 任何人都可以告诉我什么是错的。 谢谢 HTML Upload images Choose Theme JS var videoContext = $(“#horizontalBelt”), videoBeltUL = videoContext.find(“ul”), videoBeltLI = videoContext.find(“li”), videoLength = videoBeltLI.length, videoWidth = parseInt(videoBeltLI.eq(0).outerWidth())+parseInt(videoBeltLI.eq(0).css(“marginRight”)), beltTotalWidth = videoLength*videoWidth, // js goes on…. beltTotalWidth在webKit中具有不同的值。

Chrome RangeError:使用jQuery $ .map时超出了最大调用堆栈大小

我正在为我的雇主测试一个Web应用程序,它涉及从服务器检索大量数据。 使用$ .ajax函数将数据作为JSON对象返回,该函数包含大量子对象,我使用jQuery的$ .map函数将其转换为数组,如下所示 data_points = $.map(result.data.LotsOfIt, function(value, ndx){ return value; }); //Throws Maximum call stack size exceeded with large data set. 这似乎是耗尽了Chromes堆栈大小限制,每次运行此函数Chrome都会抛出RangeError:超出最大调用堆栈大小 。 如果我减少返回的数据量,它就可以正常工作。 有趣的是FireFox和IE9会处理更大的数据集,但我认为Chrome的堆栈大小限制比这些浏览器中的任何一个都要大,所以我预计它们都会失败。 还有其他人遇到过这个问题吗? 有解决方法吗? 或者我是否必须更新我的代码以限制返回的数据量以避免此错误?

移动浏览器上的Javascript / jQuery页面更改事件

我正在设计一个移动网站,牢记所有领先的浏览器 – Safari,Chrome,Dolphin,Opera。 我想在请求页面导航/更改/新页面时显示“加载”元素。 我不能在锚标签上使用click事件,因为存在许多与preventDefault(); 。 我尝试了以下方法: $(window).on(‘beforeunload’, function() { … }); 但它在Dolphin或Opera中不起作用。 有人可以建议跨浏览器解决方案吗? – 编辑 :我知道我不是很清楚地问我的问题,道歉。 我在这里创建了一个小提琴 – http://jsfiddle.net/hiteshpachpor/7dadA/5/基于响应。 该示例使用事件冒泡。 现在这是我面临的问题。 每次页面更改/导航时,我都会显示加载程序( $(‘.jacket’).show(); )。 但我不希望它显示是否点击了链接; 我想在我的页面上做其他操作。 现在,添加$(‘.jacket’).hide(); 在所有这些行动中的行完全就足够了,但对于缩放原因来说它不是很理想。 这就是为什么我在评估’beforeunload’方法,但没有运气,因为它不是跨浏览器兼容的。 有什么建议可以解决这个问题吗?

Highcharts鼠标跟踪/鼠标hoverfunction在chrome上很慢但在firefox或IE中并不慢

我们有一个使用Codeigniter和PHP构建的webapp,它在客户端使用Highcharts库和javascript / html,并部署在IIS上。 Highcharts库在屏幕上呈现各种图表,准确地说是5。 每个图表呈现的数据不超过1000行。 图表绘制得很好,但是当鼠标hover在图表周围时,鼠标hover在框架中显示(仅在chrome上)。 请参见下图,显示由鼠标跟踪引起的帧滞后。 令人惊讶的是,此行为仅在chrome上观察到,但在IE或Firefox中未观察到。 任何人都可以通过建议如何克服铬上的这种糟糕的鼠标跟踪来提供帮助。 Highcharts有一个鼠标跟踪器禁用选项,但如果它被禁用,我们会松开交互function和鼠标hoverfunction。 任何帮助克服这一点或改进chrome上的鼠标hover框架渲染将非常感激。 使用Highcharts版本2.0.4,现在更新到最新版本4.0.4 工具提示代码如下,使用框和面积图的基本工具提示选项。 tooltip: { formatter: function() { return ‘The value for ‘ + this.x + ‘ is ‘ + this.y + ‘, in series ‘+ this.series.name; //return “hello”; } }

在Chrome和Firefox上捕捉Backspace是不同的

我正在尝试创建一个像应用程序一样的控制台,所以我正在抓住窗口上的所有按键并与它们做相关的事情(不重要)。 问题在于退格。 我有以下代码: $(window).bind(“keypress”,function(e){ var code = e.keyCode || e.which; if ( code == 8) { a = $(“#console”).html(); $(“#console”).html(a.substring(0,a.length-1)); currentCommand = currentCommand.substring(0,currentCommand.length-1); e.preventDefault(); } 但是,在Firefox中, #console内容已删除,但Chrome不会执行上述代码。 我需要一个跨浏览器兼容的解决方案。 我错过了什么? 加成: 如果我使用keydown / keyup而不是keypress,我无法检测到characeter是’A’还是’a’它总是返回’A’。

JQuery Autocomplete在Chrome中工作但在android中没有使用phonegap

我已经编写了自动完成搜索的简单代码。 我正在使用PhoneGap开发android应用程序。 我已经编写了自动完成搜索的代码,它的工作正常,但是当我要在android中运行时它无法正常工作。 这是示例代码 我使用相同的文件而不是一次更改.Google Chrome允许测试HTML 5数据库页面,所以首先我总是在浏览器中测试它,然后将所有文件复制到设备中。 这是我的代码 我添加了我的动态函数,该函数从数据库返回数组,并且也在谷歌浏览器中工作,我可以根据数据库看到完美的结果。 当我在设备中运行代码时,我总是得到以下错误: TypeError: Result of expression ‘$( “#pur_cat_text” ).autocomplete’ [undefined] is not a function. 我不知道问题在哪里以及如何解决。 请公会,我该怎么解决这个问题。 感谢您阅读查询。

CSS3 Transition不再在Chrome中运行了

据我所知,到目前为止,我对CSS3过渡没有任何问题。 突然(可能是因为对我的代码进行了Chrome更新或其他修改),它刚刚停止使用chrome(32.0.1700.77),但仍适用于所有其他浏览器(以及较旧版本的chrome)。 @media screen and (max-width: 1325px) { .row-offcanvas { position: absolute; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width: 100%; } button.toggle { display: inline-block; } .row-offcanvas-left, .sidebar-offcanvas { left: -239px; z-index: 9999; height: 700px; } .row-offcanvas-left.active { left: 239px; } .sidebar-offcanvas { position: absolute; top: 0; width: 239px; […]

为什么表格单元格的Javascript宽度一个像素太短?

当你应用border-collapse: collapse; 到一个表“将”它的单元边界“融合”在一起,它开始在确定Javascript中表格单元格的宽度时出现问题。 例如,看看这个页面: http://game-point.net/misc/browserTests/scratchpads/jsTableWidth/ 有两个表,一个带有折叠边框,另一个没有。 如果你单击没有折叠边框的行中的一行,jQuery的innerWidth和outerWidth函数会报告我期望看到的内容(内容宽度,内容加上边框宽度;没有填充)。 但是,如果单击带有折叠边框的表中的行,则会出现浏览器不一致的行为,尤其是在clientWidth属性上。 在Firefox中, clientWidth与width()相同。 在IE和Chrome中,它高出1个像素,在Opera中,它与width()相同,但Opera的width()太小。 事实上,除了Firefox之外,我测试的所有浏览器中的width()都是一个太小的像素。 因此,如果您截取屏幕截图并且内容实际为80px,则width()为79px(jQuery从计算的CSS值中获取)。 为什么是这样? 我想要获得实际内容的宽度。 我似乎无法使用width()因为只有Firefox才能使用折叠边框。 我不能使用outerWidth()因为它包括边框(或者可能只是一个边框,因为它只比实际内容宽度大1px)。 我不能使用clientWidth因为它的值在浏览器之间是不一致的。 当边框折叠时,我应该怎么做以及为什么在大多数浏览器中width() 1px太短?