如何在 QWebView 中获取 Javascript 来创建 C++ 的新实例 基础课程？

Question

我已使用 addToJavaScriptWindowObject 成功将 C++ 对象添加到 QWebFrame， 并且可以从 javascript 调用该对象上的插槽。

但我真正想做的是让其中一个插槽返回一个新对象。 例如，我有一个像这样的槽，它返回一个 QObject 派生类实例：

   MyObject* MyApp::helloWorld()
   {
          //MyObject is dervied from QObject
          return new MyObject();
   }

我可以像这样从 javascript 成功调用此槽

   var foo=myapp.helloWorld();

但 foo 似乎是空的，我无法调用任何槽或访问任何槽 来自 Javascript 的属性。

关于如何实现这一目标有什么想法吗？

Answer 1

QtScript 具有原型的概念 - 它允许您为脚本值创建 C++ 原型。 我们正在研究是否可以将 QtScript 与 JavaScriptCore 桥接 - 这应该导致也可以使用来自 WebKit 的 JavaScript 环境的原型； http://doc.trolltech.com/ 4.5/qtscript.html#making-use-of-prototype-based-inheritance

Answer 2

尝试将新对象作为 QObject* 而不是 MyObject* 返回。 如果您只是使用 QtScript，那么您可以调用 qScriptRegisterMetaType 来定义一些用于处理将 MyObject*s 转换为 QScriptValues （或 QVariants）的代码，但似乎没有 QtWebKit 中使用的 JavaScript 引擎的等效代码。

令人烦恼的是，这意味着将内部对象模型暴露给 WebKit 将涉及到使用一组单独的代理函数将对象指针转换为 QObject*s，或者使用某种适配器类来完成相同的操作。

Answer 3

这个答案是基于保罗的答案，但有点简化。 已针对 Qt 5.3 进行测试和工作。 您需要一个工厂来实例化一个对象，然后返回一个指向该对象的 QObject 指针。 该对象的类必须继承自QObject，以便它在 JavaScript 中正常工作：

QObject * MyApp::createInstance(QString objname) {
    MyClass * obj = new MyClass(this);
    m_mainWindow->webView->page()->mainFrame()->addToJavaScriptWindowObject(objname, obj, QWebFrame::ScriptOwnership);
    return obj;
}

有了这个，您可以从 Javascript 执行以下操作：

var myobject = MyApp.createInstance("obj1");

此时，您也有了 obj1作为全局 JavaScript 命名空间中的 myobject （它们只是指针，因此执行以下两项工作：

myobject.testmethod();
obj1.testmethod();

此时，您可以在 JavaScript 中使用 connect 将 C++ 信号连接到JavaScript 插槽。有关此技术的更多信息，请访问：http://doc.qt.io /qt-5/qtwebkit-bridge.html

Answer 4

我考虑过的一个相当丑陋的黑客方法是使用 addToJavaScriptWindowObject 将我想要返回的对象放入具有随机名称的窗口对象中，然后让我的插槽返回对象实例的名称：

QString MyApp::helloWorld()
{
     //general a unique name for the js variable
     QString name=getRandomVariableName();

     //here's the object we want to expose to js
     MyObject* pReturn=new MyObject();

     //we make attach our object to the js window object    
     getWebFrame()->addToJavaScriptWindowObject(name, pReturn,
         QScriptEngine::ScriptOwnership);  

     //tell js the name we used
     return name;
}

可以编写 JS 来检查是否返回值是一个字符串，如果是，则从窗口中抓取该对象。：

var foo=myapp.helloWorld();
if (typeof foo == "string")
{
    foo=window[foo];
}

有点难看，但会帮助我，直到出现更好的方法。 未来的 Qt 版本将统一脚本支持，以便它全部基于 WebKit 中的 JavaScriptCore，所以希望这会有所改进！

Answer 5

您可以将对象指针分配给 QObject * 并返回它。

    QObject * obj = new MyObject();
    return obj;

这对我在 Linux 上的 Qt Webkit 端口有用。