TOGOUTECH

google-chrome-devtools

全部标签

javascript - 调试显示模块模式 : functions not in scope until called?

如果我在Chrome开发者工具中运行这段代码:vartest=(function(){varpublicFunction,privateFunction1,privateFunction2;privateFunction1=functionprivateFunction1(){returntrue;};privateFunction2=functionprivateFunction2(){returntrue;};publicFunction=functionpublicFunction(){privateFunction1();debugger;};return{publicFunc

javascript - Chrome 开发工具 : save custom geolocation in Dev Tools Presets

我在Chrome上使用开发者工具来测试我的javascript应用程序。但是,您是否知道在Chrome开发工具(Mac上为ALT+MAJ+I)>控制台>更多(...)>传感器>地理定位中更改和保存地理位置预设?感谢您的帮助。 最佳答案 唉,截至2017年6月,此功能尚未实现。但是有一个针对这个确切功能的功能请求=>https://bugs.chromium.org/p/chromium/issues/detail?id=649657获得所需内容的最佳方法是:使用Google帐户登录。访问featurerequestlink.点击问题

javascript - 如何在 sourcemaps 中使用断点 (Chrome DevTools)

我在我的业余项目中添加了一些东西,例如Babel和闭包编译器,结果发现Chrome没有在我的映射文件中命中断点。这是重现问题的片段:functiontest(){console.log("Breakme")}test();//#sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxTQUFBLElBQUEsR0FBQTtBQUNBLF

javascript - 如何从浏览器开发工具访问 Webpack 模块?

我有一个用webpack编译的ES6模块。要调试它,我必须手动将某些对象附加到window,以便我可以通过Chrome/Safari中的调试工具引用它们:exportclassDialog{...}window.debugdialog=Dialog;这非常麻烦,而且肯定不是最好的方法。有没有一种方法可以在不修改源代码的情况下引用模块?是的,我知道断点,而且我会使用它们。但有时我想加载所有代码并通过使用内联JavaScript控制它来调整UI。 最佳答案 来源map如果您在开发环境或您自己的机器上运行服务器,您可以利用sourcema

javascript - 谷歌浏览器重播 XHR 请求,但它发送时没有表单数据

在Chrome的DevTools中,我使用“replayXHR”命令。它发送新请求但没有表单数据。原始XHR请求包含表单数据。这个问题发生在我更新我的Chorme之后。我使用Chrome版本34.0.1847.116也许我需要做一些设置? 最佳答案 此ChromiumBugTicket中的最终评论说:该补丁已针对M35发布,因此问题应在Betachannel中得到修复-截至2014年4月14日。https://code.google.com/p/chromium/issues/detail?id=353921

javascript - 无法使用 Chrome 开发工具检查元素

我有一个基本的html文件(base.html),其中包含一个使用(iframe.html)的iframe。iframe仅在单击某个菜单项时显示。它们都托管在同一个域中。在base.html中,我包含了一个指向我使用的外部服务的脚本。包含脚本会返回一个存在于我的页面上的对象。<scripttype="text/javascript"src="externalSite.com/myID.js"></script>在iframe.html中,我有另一个脚本,它根据返回的对象的某些属性构建菜单<scripttype="te

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 如何获得源映射以与 Chrome 开发工具和 webpack 一起使用?

我正在使用webpack-dev-server-d--inline来提供通过webpack生成的dist/app.js文件。我已经激活了源映射,它在我的dist/文件夹中生成了一个app.js.map文件,并在文件末尾生成了//#sourceMappingURL=app.js.map,但是Chromedevtools似乎没有使用源映射。我想问题可能是Chrome看不到原始源文件(因为webpack-dev-server只提供dist/文件夹),所以我尝试将提供的文件映射到本地开发工具中的文件。不幸的是,然后我得到了“工作区映射不匹配”,我不确定为什么文件会不同,我也不确定这是否会解决源

javascript - Chrome 开发工具 : Accessing the DOM element $0 pointer from bookmarklet/Snippet

是否可以从控制台中的书签或代码片段访问$0DOM元素指针?关于$0的更多信息https://developers.google.com/chrome-developer-tools/docs/commandline-api#0_-_4DevToolsremembersthelastfiveDOMelements(orJavaScriptheapobjects)thatyou'veselectedinthetab(orProfilespanel).Itmakesthoseobjectsavailableas$0,$1,$2,$3,and$4.$0returnsthemostrec

javascript - 未捕获的语法错误 : Unexpected token instanceof (with Chrome Javascript console)

我很惊讶在Chromejs控制台输入如下代码:{}instanceofObject导致此错误消息:UncaughtSyntaxError:Unexpectedtokeninstanceof谁能告诉我这是为什么以及如何解决它? 最佳答案 instanceof的语法是:RelationalExpressioninstanceofShiftExpression根据ECMA-262§11.8.语句开头的标点符号{被视为block的开始,因此以下}关闭block并结束语句。后面的instanceof运算符是下一条语句的开始,但它不能在开始处,