如何以编程方式从网络选项卡捕获查询字符串参数

Question

我正在尝试使用javascript捕获查询字符串参数以进行分析。 我做了一些搜索，发现BMP可以用来做，但我找不到足够的例子来实现。 任何人都可以指出我正确的方向。

编辑1：我使用下面的代码使用browsermob-proxy来获取har文件，但是我得到ERROR: browsermob-proxy returned error当我运行它时， ERROR: browsermob-proxy returned error 。 我用硒。

getHarFile() {
        const proxy = browsermb.Proxy;
        const pr = new proxy({host:"0.0.0.0",port:4444});
        pr.doHAR("http://www.cnn.com/", (err,data) => {
            if (err) {
                logger.debug('ERROR: ' + err);
            } else {
                fs.writeFileSync('ua.com.har', data, 'utf8');
                logger.debug("#HAR CREATED#");
            }
        })
    }

---

Answer 1

我的建议是为Google Chrome创建个人扩展程序，并开发一个扩展程序，您可以访问控制台中默认情况下不可用的其他api。 例如，您将拥有此对象以检查网络选项卡：

chrome.devtools.network

这里有两个有用的链接：

https://developer.chrome.com/extensions/devtools

https://developer.chrome.com/extensions/devtools_network

我希望它有所帮助

Answer 2

因为我不太确定你的范围，我会给你一些想法：

1.修复browsermob-proxy

您应该更改browsermob-proxy的主机和代理。 将主机更改为127.0.0.1并使用任意随机数更改端口（4444确定）。 然后，通过更改浏览器设置，确保您的浏览器在该主机和代理中运行。

2.使用普通的javascript

2.1获取当前页面查询字符串

您可以使用location.search获取查询字符串。 如果您正在使用一些带有selenium的BDD框架，则可以执行javascript代码并检索结果。 您应该始终在代码中添加一个return ，以便在BDD测试中收到响应。

2.2使用Performance API

您可以访问性能API中的所有网络信息。 如果您需要获取当前页面URL，可以使用以下代码：

performance.getEntriesByType("navigation")

这将返回所有当前导航事件和信息。

如果您想获得该页面所做的调用的一些信息，您可以使用以下方式访问它：

performance.getEntriesByType("resource")

这将返回您网站的所有通话。 您必须循环搜索要查找的资源。

---

在所有方面，都无法像在网络选项卡中那样获取查询字符串的值和键。 您必须使用函数手动分隔它，您可以使用此处提供的代码来获取密钥的值。

Answer 3

我终于能够使用chrome控制台上提供的s对象来完成它。 带有编码查询字符串的url在chrome控制台中可用作s.rb对象。 我刚解码它并提取了查询字符串参数。