Questions tagged «google-chrome-devtools»

Chrome DevTools是Google Chrome内置的网络开发人员工具。

3
在Chrome中进行内联JavaScript重定向之前先中断JavaScript
我正在查看具有嵌入式javascript重定向(window.location = "/anotherpage")的页面。我想在Chrome中加载该页面,但禁用了重定向行,因此我可以使用该页面而不会被重定向。 这是我尝试过的: 开发人员工具->齿轮->常规->禁用JavaScript。加载页面。它不会重定向(是!)。但是我仍然希望页面的其余javascript能够运行,但实际上并没有。 键入URL,然后单击“开发人员工具”->“源”->“暂停(F8)”,速度很快!它尚未重定向(是!)现在,我想在取消暂停之前禁用重定向行,但是该部分甚至还没有加载到Developer Tools中。因此,我将开始逐步浏览其他文件的javascript代码,直到到达那里?但是,只要我退出其他文件javascript,它就会立即重定向(doh!)。 能做到吗?我认为禁用一行JavaScript应该很容易,但是我很困惑。

7
如何在浏览器中检查和调整:before和:after伪元素?
我已经使用:after伪元素创建了一些相当复杂的DOM元素,并且我希望能够在Chrome Inspector或Firebug或同等版本中对其进行检查和调整。 尽管在此WebKit / Safari博客文章(2010年)中提到了此功能,但在Chrome或Safari中我都找不到此功能。Chrome至少具有复选框来检查:hover,:visited和:active状态,但看不到:before和:after。 此外,此博客文章(日期为2009!)提到IE开发人员工具中存在此功能,但是我目前正在使用Mac OS,因此这对我没有帮助。另外,IE不是我主要针对的浏览器。 有什么方法可以检查这些伪元素? 编辑:除了错误地认为Firebug无法检查这些元素外,我发现Opera非常擅长于检查:before和:after元素。



17
Chrome的开发人员工具不具备Firebug的哪些功能?[关闭]
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 去年关闭。 改善这个问题 我是一名新手Web开发人员,并且建议将Firebug进行多次调试。但是到目前为止,我一直在使用Chrome的内置开发人员工具。它似乎可以完成Firebug的所有工作,而且更干净,更有条理。 随着调试工作的提高,Firebug是否具有我会在Chrome的DevTools中错过的功能?如果是这样,它们是什么? 相关:适用于Google Chrome的类似于Firebug的调试器


17
Chrome开发人员工具不再显示所有JavaScript文件
并不是所有的JavaScript文件都可以在Chorme Developer工具中看到。 Google Chrome是最新的。版本44.0.2403.130 m应用程序的调试版本。脚本在头。 <script src="/Scripts/jquery-ui-1.8.24.js"></script> <script src="/Scripts/jquery.validate.js"></script> ... <script src="/Client/Statics/GuiContainers.js"></script> <script src="/Client/ClientDAL.js"></script> <script src="/Client/ClientLayoutUpdater.js"></script> <script src="/Client/ClientRenderer.js"></script> <script src="/Client/ControllerLocator.js"></script> 可以在localhost / Scripts / *路径上“源”菜单下的Chrome开发人员工具中看到脚本的第一部分。自昨天以来,脚本的第二部分不可见。开发人员工具有什么问题? JavaScript控制台中没有错误。我可以在“网络”标签中看到对JavaScript文件的成功请求。所有JavaScript均已加载。应用程序工作正常。 开发人员工具有什么问题?有人有主意吗? 如果我将localhost“文件夹”添加到工作区中,则所有内容都是可见的,甚至是服务器端的源文件。

5
为什么找不到我的json文件?
我在asp.net项目的Content文件夹中有一个json文件: <projectName> \Content NBCCJr.json ...以及访问它的代码: $.getJSON('~/Content/NBCCJr.json', function (data) { $.each(data, function(i, dataPoint) { // Bla }); }); ) ...但是调用代码时什么也没发生;浏览器控制台说:“无法加载资源:服务器响应状态为404(未找到)” 为什么找不到?“波浪号文件名”不是通往文件的正确路径吗? 更新 我还尝试了向后“重击”: $.getJSON('~\Content\NBCCJr.json', function (data) { ...并得到相同的结果(“无法加载资源:服务器响应状态为404(未找到) ”) 更新2 然后,我尝试了这种方式,因此没有前置重击: $.getJSON('Content/NBCCJr.json', function (data) { ...然后我在控制台中收到以下模棱两可的消息: *GET http://localhost:9702/Content/NBCCJr.json 404 (Not Found) jquery.js:8724 XHR finished loading: "http://localhost:9702/Content/NBCCJr.json".* 因此,找不到它并仍然加载了吗? 更新3 当我尝试通过更改导航到浏览器中的文件时: http://localhost:9702/Default.cshtml ...至: …


13
Google Chrome开发人员工具的运行速度非常慢
由于Google Chrome已更新至50.x版本,因此无法与DevTools一起使用。此问题主要在“网络”选项卡中再现。每次单击“请求”时,大约需要30-40秒。之后,Chrome可能崩溃。试图删除所有扩展名,清除缓存并重新安装,但没有帮助。有人知道如何解决此问题吗? 我正在运行Chrome 50.0.2661.87 m UPD:该问题可能是由于标头较长而引起的。尝试关闭响应和请求标头。


4
错误'找不到jquery-2.0.2.min.map'
我在Google Chrome开发人员工具中遇到此错误: 找不到jquery-2.0.2.min.map 我找到了一种方法,可以从我的行中删除此行jquery-2.0.2.min.js: //@ sourceMappingURL=jquery-2.0.2.min.map 但是,我认为这不是一个好主意,因为这可能只是暂时的解决方案,将来可能会成为问题。因为我不太了解此错误的性质以及愚蠢的解决方案:是什么导致了此错误,并且有更好的解决方案吗? 显然,这不是仅与jQuery 2.0.2相关的问题。jQuery的jquery-1.10.2.min.map是一个非常相似的,有很好解释的Stack Overflow问题,它触发了404(未找到)。我希望这可以为情况提供一些启示。

2
使用Chrome DevTools调试iOS 6 + 7 Mobile Safari
iOS 6内置了对远程调试的支持(1分钟截屏)。它与新的Safari Web Inspector配合使用时看起来不错,它似乎是WebKit Inspector的1年历史。它缺少一些功能,例如JS编辑和WebSocket框架检查。 Safari的Web检查器确实使用WebKit远程调试协议。但是,Safari并未将TCP / HTTP用作传输层,因此使其与Chrome不兼容。 苹果公司员工蒂莫西·哈彻(Timothy Hatcher,又名氙气)说 Safari在传输层使用什么功能? 我可以从这个神秘的传输层到HTTP建立代理,以使其与Chrome DevTools一起使用吗?


1
Google Chrome浏览器的两种元素样式之间的区别
我使用Google Chrome开发人员工具,并且不断地来回检查一个元素,以找出可能导致特定样式问题的原因。 比较元素1和元素2在样式上的差异会很好。 目前可以使用chrome或通过某些解决方法来完成此操作吗?有没有可以做我想要的工具? 当前样式差异的示例是,我在的H4旁边有一个内联,A其中的A行在垂直对齐方向上显示较高。我不会在这个问题上寻求解决方案,因为我会对其进行梳理。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.