Playwright Python启用可视化鼠标指针UI的技术方案求助

各位大佬好！我现在在做Playwright Python的拟人化自动化脚本，想要在Chromium浏览器里显示一个可视化的鼠标指针，这样就能直观看到鼠标的状态——比如移动速度、点击动作、静止状态这些，方便我调试和分析自动化流程。

我自己尝试了下面这段代码，把一个红色圆点作为模拟指针注入到页面里，但实际运行后完全没效果，不知道哪里出了问题：

def mouseUI(page: Page) -> None:
    page.add_init_script("""
    (() => {
        const dot = document.createElement('div');
        dot.id = '__mouse_dot__';
        Object.assign(dot.style, {
            position: 'fixed',
            width: '8px',
            height: '8px',
            borderRadius: '50%',
            backgroundColor: 'red',
            zIndex: '2147483647', // Max z-index
            pointerEvents: 'none',
            top: '0px',
            left: '0px',
            transform: 'translate(-50%, -50%)',
            transition: 'top 0.03s linear, left 0.03s linear'
        });
        document.body.appendChild(dot);
        window.addEventListener('mousemove', e => {
            dot.style.left = `${e.clientX}px`;
            dot.style.top = `${e.clientY}px`;
        });
    })();
    """)

我猜可能是这个脚本没正确监听Playwright模拟的鼠标事件？毕竟Playwright的鼠标操作是底层模拟的，好像不会触发普通的mousemove事件？

现在求各位大佬给个可行的方案，不管是JS脚本还是Python层面的调整，只要能让我在Chromium浏览器里看到一个跟着Playwright鼠标动作走的可视化指针，能直观观察它的移动、点击、静止状态和速度就行，万分感谢！

内容来源于stack exchange