Chrome开发工具:如何跟踪networking的链接,打开一个新的标签?
我想跟踪点击链接时发生的networking活动。 问题是,链接打开一个新的标签,显然开发工具每个标签打开。 “保留日志导航”不起作用。
我目前的解决scheme是转移到没有这个问题的FireFox和HttpFox。 我想知道所有的Chrome开发人员如何pipe理,这听起来很基本(当然,我已经find了答案,没有发现任何有用的东西)。
查看chrome://net-internals/#events
来详细了解浏览器中发生的所有networking事件。
根据您的具体问题,其他可能的解决scheme可能是启用“networking”选项卡上的“保留日志”:
并通过在控制台中执行以下代码,强制所有链接在相同的选项卡中打开:
[].forEach.call(document.querySelectorAll('a'), function(link){ if(link.attributes.target) { link.attributes.target.value = '_self'; } }); window.open = function(url) { location.href = url; };
phsource评论中提到的function请求已经实现。
在最近的版本中(从Chrome 50开始),您可以进入开发工具设置菜单(打开开发工具,然后使用3点菜单或点击F1 )并选中“自动打开DevToolspopup窗口”checkbox。
- 添加/更新链接到
target="_self"
- 在“networking”选项卡中选中“导航保存日志”。
- 点击链接并获取您的请求logging
你可以这样做:
- 在想要的链接上设置target =“any_window_name”。
- 点击该链接一次,在新标签中打开它。
- 在打开的标签中,打开开发者工具。
-
返回原始页面并再次点击该链接。
结果将被打开的开发工具加载到已经准备好的窗口中。
您可以激活开发工具中的“保存日志”选项(参见康拉德Dzwinel优秀的答案),以捕获该链接上的任何redirectstream量。
注意 :大多数熟悉链接目标的人∈{_self,_ blank,_parent,_top}。 但实际上可以给出任何名字,这将打开一个新的窗口,任何后续的点击链接,窗体或window.open具有相同的目标值将打开在同一个窗口。 进一步阅读 – mdn:window.open , mdn:<a>标签
在Chrome 61.0.3163.100中,您现在可以使用以下选项。 通过转到Chrome开发工具设置访问它。 它在底部。 Web检查器设置
如果打开的链接不redirect,您可以打开新标签中的networking标签,然后刷新标签。
- 运行tabs.executeScript时未检查runtime.lastError?
- 在Chrome中停用开发者模式扩展程序
- Google Chrome使用哪个图书馆资料库?
- 如何在Chrome开发者工具或Firefox的Firebug中validationXPathexpression式?
- 在Google Chrome开发人员中重播HTTP POST
- Chrome中的“访问控制 – 允许 – 来源”不允许原始位置为null。 为什么?
- 在Chrome中从css自定义样式的button中删除蓝色边框
- Google Chrome扩展程序 – 如何开启/closuresJavaScript?
- Chrome上的文本input:行高似乎有一个最小值