草庐IT

chrome-debugging

全部标签

javascript - 在 Chrome 开发工具控制台中记录 jQuery 对象时显示元素?

最近Chrome开发工具似乎发生了一些变化。使用console.log记录一个jQuery对象,用于在控制台中显示DOM节点的元素。像这样:[Employees]现在它变成了这样一个可点击的对象:[,context:]有没有办法回到旧的对象日志记录方式,或者甚至有不同的方法在console上调用?我目前使用的版本是23.0.1271.64。不确定到底是哪个版本带来了变化。 最佳答案 如果你想让console.log()吐出DOM元素,你需要记录DOM元素而不是jQuery对象。DOM元素始终作为jQuery选择器的第0个元素可访问。

javascript - 在 Chrome 或 Firefox 上使用 Visual Studio 2015 调试 Javascript

我可以毫无问题地使用IE进行调试,但是当我尝试不同的浏览器时,代码不会在断点处停止。我有一个目前与IE不兼容的项目。我在我的项目中使用OpenJSCAD作为依赖项,因此我需要在Chrome或Firefox上进行调试。是否可以在Chrome或Firefox上使用VisualStudio2015调试Java脚本? 最佳答案 你绝对可以做到,但是做起来有点棘手。在工具栏中,单击按钮以获取用于调试的浏览器的下拉列表,然后单击“浏览...”。单击“添加...”,将程序设置为您计算机上Chrome所在的任何位置,并将参数设置为--remote-

javascript - 'beforeunload' Chrome 问题

我有这段简单的代码-$(window).bind('beforeunload',function(){alert("GoodBye")});适用于Firefox、IE8,但不适用于Chrome。这是一个已知问题还是有任何替代方案?实际上我想做的是在用户试图关闭浏览器时记录详细信息。functionLogTime(){jQuery.ajax({type:"POST",url:"log.php",data:"",cache:false,success:function(response){});}$(window).bind('beforeunload',function(){LogTim

javascript - 我可以使用 Chrome 开发工具添加资源吗?

我正在使用Chrome查看网页。原始来源不包括jQuery,但使用一些jQuery函数来检查DOM确实很有帮助。更改源以包含jQuery脚本会很痛苦,因此是否可以在页面加载后使用Chrome开发人员工具将jQuery加载到DOM?或者,是否有可以执行加载的原生JavaScript函数?我试图编辑head标签以包含标记,但这实际上并没有加载jQuery.min.js文件。不幸的是,Modernizr和其他Assets加载器也不包含在源代码中。 最佳答案 您应该能够在您的JS控制台中运行它。varjq=document.createEl

javascript - 使用 chrome.storage.local 存储数组

我正在编写一个chrome扩展程序,但无法存储数组。我读到我应该使用JSONstringify/parse来实现这一点,但我在使用它时遇到了错误。chrome.storage.local.get(null,function(userKeyIds){if(userKeyIds===null){userKeyIds=[];}varuserKeyIdsArray=JSON.parse(userKeyIds);//HereIhaveanUncaughtSyntaxError:UnexpectedtokenouserKeyIdsArray.push({keyPairId:keyPairId,Ha

javascript - mailto 链接(在 chrome 中)正在触发 window.onbeforeunload - 我可以阻止这种情况吗?

可能与HowtoopenmailtolinkinChromewithWindow.openwithoutcreatinganewtab?有关大家好。我有一个表单页面,我在其中放置了一个window.onbeforeunload确认,以防止人们离开并意外丢失他们的更改:window.onbeforeunload=function(){if(changed)return"Youhaveunsavedchanges.Doyoureallywanttoleavethispagewithoutsaving?";};其中changed是一个变量,每当用户进行任何更改时,我都会将其设置为true。没

javascript - 为什么 function(){} 不起作用,但 (function(){}) 起作用? (Chrome 开发者工具/节点)

这个问题在这里已经有了答案:Explaintheencapsulatedanonymousfunctionsyntax(10个答案)关闭7年前。我现在看到了这种我无法定义的奇怪行为function(){}或function(a){console.log(a)}它抛出一个UncaughtSyntaxError。但是test=function(){}或(function(){})确实有效。Safari开发工具有更好的错误报告:它说SyntaxError:Functionstatementsmusthaveaname.好吧,如果您永远不会使用它,那么定义这样的函数是没有意义的。但这仍然很奇怪

javascript - 未捕获的语法错误 : Unexpected token = in Google Chrome

我有一个接受可选参数的javascript函数。这在Firefox中运行良好,但在GoogleChrome中显示:-UncaughtSyntaxError:Unexpectedtoken=我的代码,functionerrorNotification(text="Somethingwentwrong!"){$.pnotify({title:'Error',text:text,type:'error'});}我见过很多类似的问题,但我无法意识到我的问题。 最佳答案 您正在使用defaultparameter目前只有Firefox支持的功

javascript - 什么是 Service Worker 控制台? & 它在 Chrome 浏览器中的什么位置?

我在处理推送通知时遇到了一个陌生的术语:serviceworker控制台。我已经阅读并在浏览器中使用了术语consolelog或webconsole,但我不熟悉术语serviceworkerconsole,我在googlingit之后没有找到合适的答案.谁能解释什么是serviceworkerconsole?如何在谷歌浏览器中访问它? 最佳答案 转到chrome://serviceworker-internals选择任何serviceworker并启动它(如果尚未启动)。点击检查!!轰!你那里有控制台!

javascript - 如何在 Chrome 控制台中查看扩展对象/数组?

当我有对象数组时,当我在Chrome控制台中键入变量名称时,我得到:问题:是否有一些选项或标志在打开时会显示在Chrome控制台中查询时扩展的对象和数组?我经常使用控制台并在控制台中进行内联操作,每次修改数组时我都必须单击所有条目才能查看值。我不想编写一个会console.dir所有数组的循环。 最佳答案 console.table()很好地处理了displayingarraysneatly以表格格式。 关于javascript-如何在Chrome控制台中查看扩展对象/数组?,我们在St