验证码

本来一直想写京华杯的题解了，但是今天才抽出时间。通过该题学到了浏览器自动化调试的技术，还是很有含金量的比赛。

前端经验不足，有误之处还请多指教

Hard难度

网页屏蔽了快捷键和右键菜单，Edge浏览器可以通过工具栏中“更多->更多工具->开发人员工具”打开DevTools

可发现有一个经常更新的div标签，id为“floatingElementsContainer”：

这个便是框上闪动的干扰字符

可以选择性将其删去，删去后：

下面提供两种获取验证码的方法：

第一种，可以直接复制所有div标签中的内容：

第二种，尝试使用浏览器的“打印”功能，但是按下Ctrl+P无响应。在事件侦听器中删除keydown即可：

此时网页内的快捷键不再受影响，包括粘贴和打印等快捷键都可正常使用，此时即可解题。若需右键菜单，可删除contextmenu的事件侦听器。

此时即可复制网页内容，随后粘贴到输入框中即可。

Expert难度

在DevTools运行时从首页跳转到page2，可发现被检测到调试，自动跳转到其他页面：

观察到跳转前有命中debugger断点，源代码栏中停用断点即可：

随后观察字符串存储方式：

渲染采用了css的伪元素：

直接打印页面，显示内容为空，仅有输入框

解法1

决定采用浏览器调试功能及相关的库，获取显示的文字，这里采用了DrissionPage库。

相关使用方法不再描述，直接给出脚本：

from DrissionPage import ChromiumPage
page = ChromiumPage()
# page.get("https://geekgame.pku.edu.cn/#/game/web-copy")

ok = ""
while ok != "OK":
    ok = input("Enter \"OK\" when you are in the correct page")

a = page.ele("@id:root")
b = a.shadow_root.ele('tag:span')
c = page.ele("@id:noiseInput")

code = ""
for i in range(100):
    try:
        code += b.pseudo.before
        code += b.pseudo.after
        b = b.next()
    except:
        code = code.replace('""', '')
        code = code[1:-1]
        print(code)
        c.input(code)
        break
    print(i)