热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在chrome上调试javascript-howtodebugjavascriptonchrome

Ihavethisweirdissuethatjquery.loadsometimesfailsonchrome.Imnotgonnabotheryouguyswi

I have this weird issue that jquery.load sometimes fails on chrome. I'm not gonna bother you guys with the details, I'm just looking for a pointing hand on how can i debug such an issue?

我有这个奇怪的问题,jquery.load有时会在chrome上失败。我不会打扰你们的细节,我只是想找一个关于如何调试这个问题的指针?

I thought of maybe the firebug could help, but the issue happens only on chrome (even works on IE).

我想也许萤火虫可以提供帮助,但问题只发生在chrome上(甚至适用于IE)。

I do something like:

我做的事情如下:

$("#contentid").html("Plz wait.");
$("#contentid").load(url);
$("#contentid").show();

I get only the "Plz wait" on #contentid, and i can see the url getting called, and check it manually and see it succeeds.

我只在#contentid上获得“Plz等待”,我可以看到url被调用,并手动检查并看到它成功。

UPDATE2:

so i changed the load calls according to suggestions

所以我根据建议更改了加载调用

$('#conentid').load(url, function(response, status, xhr){
  alert('Load was performed. url:' + url);
  if (status == "error") 
  {
    alert("text: " + xhr.statusText);
    alert("readyState: "+xhr.readyState+"\nstatus: " + xhr.status);
        alert("responseText: "+xhr.responseText);
  }
  else
  {
      $("#conentid").show(); 
  }
});

I get status=='error' when the errors occur.

发生错误时,我得到状态=='错误'。

xhr.statusText: 0

xhr.readyState: 4

xhr.statusText and xhr.responseText are empty

xhr.statusText和xhr.responseText为空

any idea why? what does this mean?

知道为什么吗?这是什么意思?

The url works manually. and this error happens only on chrome, and only sometimes

网址手动工作。并且此错误仅在chrome上发生,有时仅发生

2 个解决方案

#1


4  

Chrome actually has rather nice developer tools. Click the wrench icon, select developer tools from the menu.

Chrome实际上有相当不错的开发者工具。单击扳手图标,从菜单中选择开发人员工具。

On this particular issue, I'll bet the show is being called before the load completes -- load happens asynchronously. Set up an event handler for "on load" on #contentid and do the show in that.

在这个特殊的问题上,我敢打赌在加载完成之前调用show - 异步发生加载。在#contentid上为“on load”设置一个事件处理程序并在其中执行show。

Update

Actually, there's a better way to do it; put your show into a callback on the load function:

实际上,有一种更好的方法可以做到这一点;把你的节目放到加载函数的回调中:

$('#conentid').load('ajax/test.html', function() {
  alert('Load was performed.');
  $('#contentid').show();
});

Another Update

Okay, the ready state of 4 indicates the XmlHTTPRequest completed normally. Now, there's one ambiguity here: is the xhr.statusText 0 or is it empty? What results do you see from this code (including the error code) on another browser?

好的,就绪状态为4表示XmlHTTPRequest正常完成。现在,这里有一个含糊之处:是xhr.statusText 0还是空的?您在其他浏览器上看到此代码(包括错误代码)的结果是什么?

If it's working on firefox, and only working sometimes on Chrome, you may have an actual Chrome bug.

如果它正在使用firefox,并且有时仅在Chrome上运行,那么您可能会遇到实际的Chrome错误。

#2


0  

Maybe someone else could have an explanation for this answer, but the problem was:

也许其他人可以对这个答案有解释,但问题是:

I had a base href TAG ()

我有一个基础href TAG()

There are some references for problems with using jquery + base href out there. I have no idea why, but removing this line fixed everything. thanks for all your help, I learned some web debugging\ajax tips in the process.

有一些关于使用jquery + base href的问题的参考资料。我不明白为什么,但删除这一行修复了一切。谢谢你的帮助,我在这个过程中学到了一些网页调试\ ajax技巧。


推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • h5调用本地摄像头和麦克风一
    h5调用本地摄像头和麦克风一,Go语言社区,Golang程序员人脉社 ... [详细]
  • Cookie学习小结
    Cookie学习小结 ... [详细]
  • Spring Data JdbcTemplate 入门指南
    本文将介绍如何使用 Spring JdbcTemplate 进行数据库操作,包括查询和插入数据。我们将通过一个学生表的示例来演示具体步骤。 ... [详细]
  • 本文详细解析了ASP.NET 2.0中的Callback机制,不仅介绍了基本的使用方法,还深入探讨了其背后的实现原理。通过对比Atlas框架,帮助读者更好地理解和应用这一机制。 ... [详细]
  • 本文节选自《NLTK基础教程——用NLTK和Python库构建机器学习应用》一书的第1章第1.2节,作者Nitin Hardeniya。本文将带领读者快速了解Python的基础知识,为后续的机器学习应用打下坚实的基础。 ... [详细]
  • 在《Cocos2d-x学习笔记:基础概念解析与内存管理机制深入探讨》中,详细介绍了Cocos2d-x的基础概念,并深入分析了其内存管理机制。特别是针对Boost库引入的智能指针管理方法进行了详细的讲解,例如在处理鱼的运动过程中,可以通过编写自定义函数来动态计算角度变化,利用CallFunc回调机制实现高效的游戏逻辑控制。此外,文章还探讨了如何通过智能指针优化资源管理和避免内存泄漏,为开发者提供了实用的编程技巧和最佳实践。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 本文深入解析了 jQuery 中用于扩展功能的三个关键方法:`$.extend()`、`$.fn` 和 `$.fn.extend()`。其中,`$.extend()` 用于扩展 jQuery 对象本身,而 `$.fn.extend()` 则用于扩展 jQuery 的原型对象,使自定义方法能够作为 jQuery 实例的方法使用。通过这些方法,开发者可以轻松地创建和集成自定义插件,增强 jQuery 的功能。文章详细介绍了每个方法的用法、参数及实际应用场景,帮助读者更好地理解和运用这些强大的工具。 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • 利用爬虫技术抓取数据,结合Fiddler与Postman在Chrome中的应用优化提交流程
    本文探讨了如何利用爬虫技术抓取目标网站的数据,并结合Fiddler和Postman工具在Chrome浏览器中的应用,优化数据提交流程。通过详细的抓包分析和模拟提交,有效提升了数据抓取的效率和准确性。此外,文章还介绍了如何使用这些工具进行调试和优化,为开发者提供了实用的操作指南。 ... [详细]
author-avatar
爱的记忆2502913597
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有