google-chrome-devtools - 如何在多个文件的“网络”选项卡中的 chrome 开发人员工具中复制链接地址

Question

我打开一个 Chrome Devtools 并选择网络选项卡。然后，如果我右键单击请求列表中的某个文件(在我的情况下它们是图像文件)，我可以选择“复制链接地址”。
我想一键(或尽可能简单)获取他们的地址。
有什么好的方法或解决方法吗？

Answer 1

点击 "Copy" >> "Copy all as HAR"在网络选项卡中的任何项目上(最好在 URL 列下，但应该无关紧要)。

转到控制台，下面并放置光标。你现在会在那里打字。

输入```a=

您刚刚将剪贴板存储在一个变量中。

按 enter类型 copy(a.log.entries.map(e => e.request.url).join('\n'))然后按 enter检查你的剪贴板。

如果你太懒了，你可以运行一个像这样的 .py 脚本:

import csv , os, sys, json
import pyperclip

output_file = 'output.csv'
sdata = pyperclip.paste()
try:
    j = json.loads(sdata)
except Exception as ex:
    print(f'Exception .. {ex}')
    sys.exit()

entries = j.get('log').get('entries')
allurls = [entry.get('request').get('url') for entry in entries]

with open(output_file, 'w', newline='', encoding='UTF-8') as fp:
    writer = csv.writer(fp)
    for url in allurls:
        writer.writerow([url])

print(f'output file {output_file} created for {len(allurls)} URLS!')