如何在我的QWebView小部件中嵌入Firebug Lite?

时间:2011-06-18 19:08:50

标签: debugging pyqt qwebview web-inspector firebug-lite

我已经开始将一些QWebView小部件嵌入到我的桌面应用程序(PyQt)中 我使用JQuery和CSS来增强外观和可用性 使用Web检查器调试我的html代码会很舒服 如何在我的QWebView小部件中嵌入Firebug Lite?

E.g。我尝试了以下代码,但它不起作用:

html1 = """
<html debug="true">
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js#startOpened=true"></script>
    <script type="text/javascript">
    $(document).ready(function() { 
        $("body").css("background", "#f00");
        console.log("in here");
    });
    </script>

</head>
<body><h1>Hello!</h1></body>
</html>
"""
html2 = """
<html debug="true">
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function() { 
        $("body").css("background", "#f00");
        var firebugLite = document.createElement("script");
        firebugLite.src = "https://getfirebug.com/firebug-lite.js";
        firebugLite.id = "firebug_lite";
        firebugLite.textContent = "{ startOpened: true }";
        document.getElementsByTagName("head")[0].appendChild(firebugLite);
        console.log("in here");
    });
    </script>
</head>
<body><h1>Hello!</h1></body>
</html>
"""    

if __name__ == '__main__':
    app = QApplication(sys.argv)
    view = QWebView()
    frame = view.page().mainFrame()
    frame.setHtml(html2)
    view.show()
    app.exec_()

html1和html2具有相同的效果:身体变成红色但Firebug没有出现。

P.S。我的实际html代码无法使用外部客户端浏览器进行调试,
因为它使用QT资源和应用程序窗口对象。

1 个答案:

答案 0 :(得分:3)

我已将此JavaScript添加到基于WebKit的项目中,这对QWebView也有帮助吗?

var firebugLite = document.createElement("script");
firebugLite.src = "https://getfirebug.com/firebug-lite.js";
firebugLite.id = "firebug_lite";
firebugLite.textContent = "{ startOpened: true }";
document.getElementsByTagName("head")[0].appendChild(firebugLite);