代码之家 › 专栏 › 技术社区 › human

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

web-console web-traffic network-traffic node.js javascript

human · 技术社区 · 8 年前

我正在尝试使用javascript捕获查询字符串参数以进行分析。我搜索了一下,发现了 BMP

我使用以下代码使用 browsermob-proxy 为了得到har文件,但我得到 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#");
            }
        })
    }

3 回复 | 直到 8 年前

Frankusky 8 年前

因此,由于我不太确定您的范围,我将向您提出一些想法:

1、修复browsermob代理

您应该更改browsermob代理的主机和代理。将主机更改为127.0.0.1,并将端口更改为任意随机数(4444,可以)。然后,通过更改浏览器设置,确保浏览器在该主机和代理中运行。

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

您可以使用 location.search 。如果您使用的是带有selenium的BDD框架,则可以执行javascript代码并检索结果。您应该始终添加一个 return

2.2使用性能API

performance api

performance.getEntriesByType("navigation")

如果您想获取页面呼叫的一些信息,可以使用以下工具访问:

performance.getEntriesByType("resource")

这将返回您的站点发出的所有呼叫。你必须循环搜索你想要找到的资源。

在所有方法中,都无法像在网络选项卡中那样获取查询字符串的值和键。您必须使用函数手动将其分离,您可以使用代码 provided here

quirimmo 8 年前

我的建议是为Google Chrome创建您的个人扩展,并开发一个扩展,您可以访问控制台中默认不可用的其他几个API。

chrome.devtools.network

这里有两个有用的链接:

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

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

我希望有帮助

human 8 年前

我终于可以用 s 对象在chrome控制台上可用。带有编码查询字符串的url可用作 s.rb

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

6 月前

Alex · 在轻量级中同时解构和不解构变量

6 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

6 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

6 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

6 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

user3472810 · Angular@Output/EventEmitter返回undefined

6 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

6 月前