QT浏览器插件开发入门

QT浏览器插件开发入门

1 简介

主流的浏览器插件开发主要分为两种:

●ActiveX控件，适合IE内核的浏览器

●NPAPI插件，适合Netscape浏览器的开发

NPAPI全称为 Netscape Plugin Application Programming Interface

在QT4.7.2下有这两种模式的开发支持，相关资料可在Qt文档网站上找到，ActiveX 开发有QT提供ActiveQT server library支持库（QT4.7.2），NPAPI开发QT4.7.2本身无此支持，需要下载相关的API，下载qt-solutions-qt-solutions-master.tar.gz，解压后qtbrowserplugin目录就是。

下面是完成的一个测试，首先做了一个功能库imagedemo，主要完成一个图片的显示功能，现在将它分别封装为ActiveX控件和NPAPI插件，供不同浏览器调用。

2 ActiveX

2.1 创建QT Application工程

工程名称：npgraphapp，创建时注意必须选择ActiveQT server library，如下图

2.2 创建资源文件

文件npgraphapp.rc中就一句话：

1 TYPELIB "npgraphapp.rc"

2.3 修改类npgraphapp.h

在文件中增加Q_CLASSINFO信息，代码如下：

#ifndef NPGRAPHAPP_H

#define NPGRAPHAPP_H

#include

class npgraphapp : public QWidget

{

Q_OBJECT

Q_CLASSINFO("ClassID", "{4CFCDEDD-F2F6-42E9-8671-D63D7B15AA2C}");

Q_CLASSINFO("InterfaceID", "{615B202B-C4F2-4C9F-B9F5-2F9D52ECF0BC}");

Q_CLASSINFO("EventsID", "{C9C4EB5F-F926-4770-AA7F-50702B53DB3E}");

public:

npgraphapp(QWidget *parent = 0);

~npgraphapp();

…

};

#endif // NPGRAPHAPP_H

2.4 修改main.cpp

在文件中增加QAXFACTORY_BEGIN宏，代码如下：

#include "npgraphapp.h"

#include

#include

QAXFACTORY_BEGIN("{5E2C9F73-03E9-4351-9ECC-C46697D1A8D5}",

"{443A7F7F-FFE1-498A-AECB-D3EBCD5810CB}")

QAXCLASS(npgraphapp)

QAXFACTORY_END()

int main(int argc, char *argv[])

{

QApplication a(argc, argv);

if ( !QAxFactory::isServer() )

{

npgraphapp* w = new npgraphapp();

w->show();

}

return a.exec();

}

2.5 修改工程属性

增加生成事件，如下图：

在命令行中编辑（注册ActiveX控件）

C:\Qt\4.7.2\bin\idc.exe $(TargetPath) /idl $(IntDir)\npgraphapp.idl -version 1.0

if errorlevel 1 goto VCReportError

midl $(IntDir)\npgraphapp.idl /nologo /tlb $(IntDir)\npgraphapp.tlb

if errorlevel 1 goto VCReportError

C:\Qt\4.7.2\bin\idc.exe $(TargetPath) /tlb $(IntDir)\npgraphapp.tlb

if errorlevel 1 goto VCReportError

C:\Qt\4.7.2\bin\idc.exe $(TargetPath) /regserver

2.6 注册和调用

工程编译后自动生成事件会注册组件，注意看编译信息是否注册成功

测试组件

问题：如果仅仅在界面上绘制可创建QT Active库，如果界面上需调用其它QT控件或自定义的QT控件，需创建为可执行文件才可以

3 NPAPI

3.1 创建QT Library工程

名称：npgraphdemo

下载qt-solutions-qt-solutions-master.tar.gz，解压后qtbrowserplugin目录就是NPAPI 的封装支持，使用src中的文件，将下列的五个文件拷贝到工程目录下，在工程中加入

qtnpapi.h

qtbrowserplugin.h

qtbrowserplugin_p.h

qtbrowserplugin.cpp

qtbrowserplugin_win.cpp（windows操作系统）

3.2 增加资源文件

文件名称是npgraphdemo.rc，内容如下

1 VERSIONINFO

FILEVERSION 1,0,0,1

PRODUCTVERSION 1,0,0,1

FILEFLAGSMASK 0x3fL

#ifdef _DEBUG

FILEFLAGS 0x1L

#else

FILEFLAGS 0x0L

#endif

FILEOS 0x4L

FILETYPE 0x2L

FILESUBTYPE 0x0L

BEGIN

BLOCK "StringFileInfo"

BEGIN

BLOCK "040904e4"

BEGIN

VALUE "Comments", "\0"

VALUE "CompanyName", "Nokia\0"

VALUE "FileDescription", "grapher\0"

VALUE "FileExtents", "g1n\0"

VALUE "FileOpenName", "Graphable data (*.g1n)\0"

VALUE "FileVersion", "1, 0, 0, 1\0"

VALUE "InternalName", "npgraphdemo\0"

VALUE "LegalTrademarks", "\0"

VALUE "MIMEType", "application/grapher"

VALUE "OriginalFilename", "npgraphdemo.dll\0"

VALUE "PrivateBuild", "\0"

VALUE "ProductName", "grapher npapi example\0"

VALUE "ProductVersion", "1, 0, 0, 1\0"

VALUE "SpecialBuild", "\0"

END

END

BLOCK "VarFileInfo"

BEGIN

VALUE "Translation", 0x409, 1252

END

END

注意VALUE "MIMEType", "application/grapher"这句，其中的MIMEType后面字符串为自定义类型

3.3 新建模块定义文件

在工程选择“新建项”，创建npgraphdemo.def，如下图

文件内容：

LIBRARY "npgraphdemo"

EXPORTS

NP_GetEntryPoints @1

NP_Initialize @2

NP_Shutdown @3

3.4 修改npgraphdemo.h

在文件增加Q_CLASSINFO定义，

注意Q_CLASSINFO("MIME", "application/grapher:g1n:Graphable ASCII numeric data")，此处的定义要和资源文件的MIMEType定义的一致

#ifndef GRAPHFROM_H

#define GRAPHFROM_H

#include

#include

QT_BEGIN_NAMESPACE

class QVBoxLayout;

QT_END_NAMESPACE

class npgraphdemo : public QWidget, public QtNPBindable

{

Q_OBJECT

Q_CLASSINFO("ClassID", "{2e5b2715-46b2-4831-ba9b-6a3b195d5ec8}")

Q_CLASSINFO("InterfaceID", "{94581136-3c0c-46cc-97a1-066061356d43}")

Q_CLASSINFO("EventsID", "{8c191b77-1894-45c7-9d6b-201dede95410}")

Q_CLASSINFO("MIME", "application/grapher:g1n:Graphable ASCII numeric data")

Q_CLASSINFO("ToSuperClass", "npgraphdemo")

public:

npgraphdemo(QWidget *parent = 0);

~npgraphdemo();

…

};

#endif // GRAPHFROM_H

3.5 修改npgraphdemo.cpp

在文件中增加QTNPFACTORY_BEGIN宏

#include "npgraphdemo.h"

#include "imagedemo.h"

npgraphdemo::npgraphdemo(QWidget *parent) : QWidget(parent)

{

…

}

npgraphdemo::~npgraphdemo()

{

}

QTNPFACTORY_BEGIN("Qt-based Graph Plugin", "A Qt-based NSAPI plug-in that graphs numeric data"); QTNPCLASS(npgraphdemo)

QTNPFACTORY_END()

3.6 修改工程属性

在“C/C++”下“预处理器”选项，增加”_X86_”，如下图

编译即可

3.7 注册和调用

注册方法如下

1、在命令行中输入regedit，打开注册表编辑

2、在HKEYLOCALMACHIN\SOFTWARE\MozillaPlugins下新建子项@https://www.360docs.net/doc/4d2975749.html,/demo

3、新建字符串数据”Path”设置为动态库所在路径

“D:\VictorySoft\SeisDataServer\01Develop\TestCode\npdemo\Debug\ npgraphdemo.dll”

在网页中加入如下语句，可测试调用

问题：

1、与网页的交互模式

2、自动的打包和注册