Questions tagged «google-chrome-devtools»

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

12
有关调试打印样式表的建议？
我最近一直在为网站设计打印样式表，但我意识到我对有效的调整方法一无所知。具有重新加载周期以处理屏幕上的布局是一回事： 更改密码 命令标签 重装 但是当您尝试打印时，整个过程变得更加艰巨： 更改密码 命令标签 重装 打印 斜视打印预览图像 在预览中打开PDF以进行进一步检查 我这里缺少工具吗？WebKit的检查器是否具有“假装此页面媒体”复选框？Firebug（颤抖）能做些魔术吗？
8
Chrome开发工具：如何跟踪网络链接以打开新标签页？
我想跟踪单击链接时发生的网络活动。问题在于该链接会打开一个新选项卡，显然，“开发工具”会针对打开该选项卡的每个选项卡工作。“在导航时保留日志”没有帮助。 我当前的解决方案是转到不存在此问题的FireFox和HttpFox。我不知道Chrome的所有开发人员是如何管理的，这听起来很基础（当然，我一直在寻找答案，没有发现任何帮助）。
12
在Google Chrome浏览器中调试时如何终止脚本执行？
在Google Chrome调试器中单步执行JavaScript代码时，如果不想继续，如何终止脚本执行？我发现的唯一方法是关闭浏览器窗口。 按“重新加载此页面”将运行其余代码，甚至就像按F8“继续”一样提交表单。 更新： 在脚本暂停时按F5（刷新）时： Google Chrome（v22）运行脚本。如果脚本提交了HTTP请求，则显示该请求的HTTP响应。原始页面未刷新。 IE 9只是冻结。但是IE有一个选项“ Stop Debugging”（停止调试），如果按下该按钮（前提是您之前没有按F5键），它将继续在调试器之外运行脚本。 Firebug的行为与Chrome相同。 关闭浏览器窗口然后再次打开并不是总是最简单的方法，因为它会终止浏览器会话状态，这可能很重要。您所有的断点也会丢失。 更新（2014年1月）： 调试时刷新： Chrome v31：允许脚本运行并在其他断点处停止（但不提交ajax请求），然后刷新。 IE 11：刷新没有任何作用，但是您可以按F5继续。 Firefox v26：允许脚本运行，但不会在进一步的断点处停止，提交ajax请求，然后刷新。 有点进步！ 调试时导航至同一页面： Chrome v31：与“刷新”相同。 IE 11：脚本已终止，新的浏览器会话已启动（与关闭并再次打开相同）。 Firefox v26：什么也没发生。 另外，juacala建议了有效的解决方法。例如，如果您使用的是jQuery，则一旦遇到任何jQuery方法，从控制台运行delete $将停止执行。我已经在所有上述浏览器中对其进行了测试，并且可以确认它是否正常运行。 更新（2015年3月）： 最终，经过2年多的浏览量和近1万次浏览，Alexander K给出了正确的答案。Google Chrome浏览器具有自己的任务管理器，可以关闭制表符进程而无需关闭制表符本身，而使所有断点和其他内容保持完整。 我什至到BrowserStack.com都在Chrome v22中对其进行了测试，发现即使在那时，这种方式也能正常工作。 在IE或Firefox中进行调试时，Juacala的解决方法仍然很有用。 更新（2019年1月）： 最后，Chrome开发者工具添加了一种停止脚本执行的正确方法，这很好（尽管有些隐蔽）。有关详细信息，请参阅James Gentes的答案。
16
如何在Android版Chrome浏览器中强制重新加载
在桌面版Chrome浏览器中，我在开发工具中有一些选项可以在打开开发工具时完全禁用缓存，也可以在长按重新加载按钮（打开开发工具时）时手动进行硬重加载。 适用于Android的Chrome浏览器有这种技术吗？我没有找到任何设置。在开发时要强制浏览器下载一些javascript或css文件而不使用缓存的文件，该怎么办？
11
如何保存Chrome开发者工具的“样式”面板中的CSS更改？
如何保存Google Chrome开发者工具的“样式”面板的CSS更改？ 在工具的网站上提到我们可以在资源面板中看到所有更改 但是我在本地处理CSS文件，但是对我来说，更改没有显示在“资源”面板中 顺便说一句，您是否知道任何可保存Chrome开发者工具的CSS更改的插件和工具？ 我知道Firebug有很多https://stackoverflow.com/search?q=firebug+CSS+changes+save
7
哪里可以从Chrome扩展程序中的background.js中读取控制台消息？
我刚开始使用Google Chrome扩展程序，但似乎无法从后台js登录控制台。当发生错误时（例如，由于语法错误），我也找不到任何错误消息。 我的清单文件： { "name": "My First Extension", "version": "1.0", "manifest_version": 2, "description": "The first extension that I made.", "browser_action": { "default_icon": "icon.png" }, "background": { "scripts": ["background.js"] }, "permissions": [ "pageCapture", "tabs" ] } background.js： alert("here"); console.log("Hello, world!") 加载扩展程序时，出现警报，但没有任何日志记录到控制台。我究竟做错了什么？
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.