PyQt5中如何确保QWebEngineScript优先于SVG内JS脚本执行？

我尝试在PyQt5应用中添加QWebEngineView组件，加载一份不可修改的SVG文件：

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <circle cx="50" cy="100" r="50" fill="red" />
    <script type="text/javascript"><![CDATA[
        alert("tag")
        mynamespace.myfunction();
    ]]></script>
</svg>

需要预先定义mynamespace.myfunction，因此在组件构造函数中编写了如下代码：

import time
from PyQt5.QtCore import QUrl
from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEngineScript


class MyWebPageView(QWebEngineView):

    def __init__(self, svg,*args,**kwargs):
        super().__init__(*args,**kwargs)

        # Create script object
        js_script = QWebEngineScript()
        js_script.setSourceCode(
            """
                alert("qwebenginescript");
                const mynamespace = { myfunction: function() { alert("success");}};
            """
        )
        js_script.setInjectionPoint(QWebEngineScript.DocumentCreation)
        
        # Add the script to the page
        self.page().scripts().insert(js_script)

        time.sleep(3) #to be sure this is not a timing issue
        
        # Load the SVG into the page
        self.load(QUrl("file:///path/to/svg.svg"))

预期QWebEngineScript会在SVG内的<script>代码前执行，但实际先弹出"tag"提示，之后才弹出"qwebenginescript"提示，且"success"提示从未出现，同时报错：

js: Uncaught ReferenceError: mynamespace is not defined

请问如何确保QWebEngineScript确实优先执行？

1. 修正脚本注入的时机与作用域 #

SVG的解析逻辑和HTML存在差异，QWebEngineScript.DocumentCreation的注入时机在SVG场景下无法保证优先执行。需要调整两个核心点：

• 将注入时机改为QWebEngineScript.DocumentReady，确保脚本在文档结构就绪但内部脚本未执行前注入
• 将mynamespace直接挂载到window全局对象，避免作用域隔离导致SVG脚本无法访问

修改后的脚本注入代码：

js_script = QWebEngineScript()
js_script.setSourceCode(
    """
        alert("qwebenginescript");
        window.mynamespace = { myfunction: function() { alert("success");}};
    """
)
js_script.setInjectionPoint(QWebEngineScript.DocumentReady)
js_script.setWorldId(QWebEngineScript.MainWorld)  # 显式指定全局作用域，避免默认值异常
self.page().scripts().insert(js_script)

2. 移除无用的time.sleep #

time.sleep会阻塞主线程，不仅无法解决异步加载的时序问题，还会延迟页面初始化，直接删除即可。

3. 备选方案：修改SVG内容后加载 #

如果通过QWebEngineScript注入仍有问题，可以直接修改SVG内容，将自定义JS插入到SVG自带脚本之前，再通过setHtml加载：

# 读取本地SVG文件内容
with open("path/to/svg.svg", "r", encoding="utf-8") as f:
    svg_content = f.read()

# 将自定义JS插入到SVG标签开头
custom_js = '<script type="text/javascript">window.mynamespace = { myfunction: function() { alert("success");}};</script>'
modified_svg = svg_content.replace(
    '<svg version="1.1" xmlns="http://www.w3.org/2000/svg">',
    f'<svg version="1.1" xmlns="http://www.w3.org/2000/svg">{custom_js}'
)

# 加载修改后的SVG内容
self.setHtml(modified_svg)

该方案完全绕过QWebEngineScript的注入时序限制，确保自定义JS优先执行。

原代码失效原因 #

• SVG的脚本执行时机与HTML不同，DocumentCreation注入点在SVG解析流程中无法覆盖自带脚本的执行时机
• const定义的变量仅存在于当前脚本作用域，SVG自带脚本无法访问
• time.sleep阻塞主线程，反而打乱了页面初始化的异步流程

内容的提问来源于stack exchange，提问作者Silverspur