Tag: 调试

这是一个错误吗？ （JavaScript条件）

我有一些代码用于游戏的一部分，其中一个绝对定位的div（ id = ‘cursor’ ）跟随你的鼠标光标。 当cursor div进入另一个div（ class = ‘thing’ ）（这些是jsfiddles中的白框）时， cursor速度会发生变化。 在这个JSfiddle中，你会发现它完美无缺。 当cursor点击时， cursor加速。 这是用于更改速度的条件（ newSpeed决定cursor的速度）： if (b1 b2 || r1 r2){ newSpeed = 200; changeCursorSpeed(); } else { newSpeed = 12; changeCursorSpeed(); console.log(‘hit’); } 我遇到的问题是当我在条件中切换newSpeed的值时： if (b1 b2 || r1 r2){ newSpeed = 12; changeCursorSpeed(); } else { newSpeed = 200; changeCursorSpeed(); console.log(‘hit’); […]

如何在chrome上调试javascript

我有这个奇怪的问题，jquery.load有时会在chrome上失败。 我不会打扰你们的细节，我只是想找一个关于如何调试这个问题的指针？ 我想也许萤火虫可以提供帮助，但问题只发生在chrome上（甚至适用于IE）。 我做的事情如下： $(“#contentid”).html(“Plz wait.”); $(“#contentid”).load(url); $(“#contentid”).show(); 我只在#contentid上获得“Plz等待”，我可以看到url被调用，并手动检查并看到它成功。 UPDATE2： 所以我根据建议更改了加载调用 $(‘#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(); } }); 发生错误时，我得到状态==’错误’。 xhr.statusText：0 xhr.readyState：4 xhr.statusText和xhr.responseText为空 知道为什么吗？ 这是什么意思？ url手动工作。 并且此错误仅在chrome上发生，有时仅发生

如何使用Firefox调试器调试jQuery事件？

我一直在嘲笑我的大脑，无法弄清楚我的生活。 这是我为了讨论而构建的测试页面： 让我们假设这个页面非常复杂，我没有构建它，我正在尝试查看用户点击“Do It”时运行的代码。 所以我打开调试器，打开侧窗格并单击“事件”。 我勾选了#execute的click事件，这是一个按钮。 现在我单击按钮，代码命中断点。 但奇怪的是，“Bob”这个名字已经被填写了，所以很明显它飞过了实际的代码，然后把我放在这里： 我不明白这里发生了什么。 所以我尝试了其他的东西，Firefox中的一个新function，我认为可能很方便。 如果我检查代码，某些DOM元素上几乎没有“ev”标记。 据说你可以点击那些并查看代码。 嗯，那没结果。 如果有人能告诉我如何调试jQuery事件，并看到实际执行的代码，我将永远感激不尽。 谢谢！

如何查找哪个脚本修改所选属性的css

有没有办法获取哪些脚本修改了所选DOM元素的信息，以及以哪种顺序？ 在我的网站上，我修改了div A的宽度。然而，看起来，其他一些脚本修改了那个宽度，但我不知道它是哪个脚本。 我该怎么找到它？ 编辑：搜索了一下之后，我想知道在firebug中你可以在HTML视图中右键单击属性，然后选择“在更改时停止javascript”（或者类似，我的firefox不是英文版），问题是重新加载后重置页面，是什么使它成为我的用途。

如何在chrome中的dev工具中访问js-file / lib时设置断点？

是否可以在调试时获取断点，以便每次访问某个类时它都会停止 ，否则它会正常运行。 这是一个非常常见的用例，当一个人不想停止在jquery函数或其他常见的libs函数上，并希望保留在特定的js文件上，但不知道什么可以解决bug，所以一个人不要我想明确地在js文件的每一行上设置一个断点来捕获该文件的所有访问 。 Chrome DevTools是否有针对该调试function的选项？ 更新： 或者也许有另一种方法可以通过忽略整个库（如jquery）来获得类似的function，如果应该有一个断点，那么只有其他文件才会被调试器处理？ 对于这个案子来说，这仍然不是最好的解决方案，但无论如何都要节省很多时间。 UPDATE2： 第二种方法在这里描述，但我有Chrome 26，遗憾的是在接下来的一两个月内无法更新它，所以此function现在对我的浏览器不起作用。

调试动态添加的javascript文件

我有一个Web应用程序，它根据用户选择的选项动态添加javascript文件，实时使用ajax来避免刷新屏幕。 我现在正在尝试调试这些动态添加的javascript文件，并尝试了谷歌Chrome的开发者工具和Firebug的Firefox插件，并注意到动态添加的javascript“文件”没有出现，所以我不能选择它们来添加断点等等 那么，有没有解决方案，即调试动态添加的javascript文件？

如何在Firefox 30上调试Greasemonkey脚本？

我一直在为Youtube开发一个JavaScript代码片段，它使用Greasemonkey，还可以导入Bootstrap和jQuery库。 此应用程序必须为每个搜索列表结果添加一个按钮，当用户单击它时，它必须从用户的频道中带来用户上传的video。 我已经测试了按钮，它在Firefox 29上运行良好。 尽管如此，最近我将Firefox更新到版本30，现在我无法查看/调试我编写的代码，尽管Firefox执行它。 我想知道，这个问题是否有任何解决方案？ 如果您希望看到以下代码： // ==UserScript== // @name Requerimiento2-2-Guille.user.js // @description Rodrigo // @include http://www.youtube.com/* // @include https://www.youtube.com/* // @grant none // ==/UserScript== /* Here it’s the Bootstrap and jQuery code pasted (I know it should be done with an include).*/ var boton=”+’Ver videos del usuario’+ ”; $(function(){ iniciarScript(); }); function iniciarScript(){ […]

如何从javascript控制台动态下载和运行javascript脚本？

我是否可以在javascript控制台中执行单行程序从远程源下载并执行javascript脚本？ 我想看看是否有一种很好的方式来下载这个脚本并用它来交互式地在随机页面上进行实验，这可能没有说，jQuery加载。 [编辑：我知道我可以动态创建一个脚本元素，但是有更好的方法吗？]

Chrome DevTools脚本黑盒子无效

我正在尝试使用chrome devtools的新function“blackboxing a script”。 此Chrome Devtools文章列出了脚本黑盒function blackbox脚本会发生什么？ 从库代码抛出的exception不会暂停（如果启用了exception暂停） 步进/退出/覆盖库代码 事件监听器断点不会在库代码中中断 调试器不会在库代码中设置的任何断点上暂停。 最终结果是您正在调试应用程序代码而不是第三方资源。 我已经尝试通过右键单击源选项卡中的文件来直接黑盒子文件，一切正常，黄色通知显示在文件顶部“此脚本在调试器中被黑盒子”。 奇怪的是，上面列出的点都不起作用，调试器通过黑盒子脚本也事件监听器引用黑盒子脚本。 我还在chrome：// flags /上启用了Developer Tools实验 有了这些选项设置我认为我会没事，我也有最新的铬当时39.0 beta，我不知道我错过了什么。 有人经历过这个吗？ 日Thnx！

javascript的高CPU使用率 – 如何调试？

找到javascript高CPU使用率的最佳方法是什么？ 我有一个脚本，只需在缩略图库中加载flickr中的照片。 加载后，没有任何操作（等待您点击它们以显示在灯箱中），但CPU使用率仍然是25％或更多。 我打开了萤火虫，点击了个人资料，稍等了一下再点击它，但它说“没有活动要报告”。 如果有什么事情发生，它会报告吗？ 或者我使用这个工具错了？ 我在加载所有内容后执行此操作，只是为了查看可能导致高CPU使用率的原因。 谢谢，韦斯利 编辑：似乎已经追溯了它的起源……它与JS无关，但是CSS！ 搞什么鬼？ 问题是： 我有一个缩略图库，我在图片加载时显示加载指示器而不是缩略图： .thumbnail img { display:block; background-image: url(“/images/ajax-loader.gif”); background-position: center center; background-repeat:no-repeat; overflow:hidden; color:white; } 如果我删除这个代码，cpu使用率下降到0,03％或者什么……而不是20％…这是因为GIF动画还在播放，但只是掩盖了吗？ 我不知道GIF动画从cpu中拿走了这么多？ 当然，它已经做了20多次，但仍然如此。 在safari / chrome中也是如此。 我想我应该不使用每个图像内部的加载指示器，或者在成功加载图像时删除背景图像。