程序博客网 > cs微课程制作软件

用firebreath开发支持所有浏览器的截屏控件

来源：互联网 发布：cs微课程制作软件 编辑：程序博客网 时间：2024/05/21 09:53

现今浏览器有很多种，其实大致可以分为两种，其一就是ie内核的浏览器，其二就是非ie内核的浏览器，前者是支持Activex控件的开发，而后者是支持NPAPI控件的开发，想要开发一个既可以支持ie内核的浏览器又支持非ie内核的浏览器控件，firebreath就是一个很好的选择，当然你们也可以开发两种对应不同的浏览器就好。

这里不叙述firebreath的安装和如何使用，网上有很多相关的信息。

安装好firebreath后，先要注册接口，这个接口就是网站向控件传递参数的函数，其实很简单，建立一个firebreath工程里面就有例子，依葫芦画瓢就好，值得注意的是，vs生成的dll是debug版本的，大小接近4MB，有些大，这时你可以把debug换成release的，设置好参数后，生产大小只有1.2MB左右，合适了。

这时我们的接口已经做好，我做了一个截屏的控件，先贴firebreath的部分代码：

.h文件

[cpp] view plaincopy在CODE上查看代码片派生到我的代码片
  1. #include <string>  
  2. #include <sstream>  
  3. #include <boost/weak_ptr.hpp>  
  4. #include "JSAPIAuto.h"  
  5. #include "BrowserHost.h"  
  6. #include "GoldArmor.h"  
  7. #include <wtypes.h>  
  8. #ifndef H_GoldArmorAPI  
  9. #define H_GoldArmorAPI  
  10.   
  11. class GoldArmorAPI : public FB::JSAPIAuto  
  12. {  
  13. public:  
  14.     GoldArmorAPI(const GoldArmorPtr& plugin, const FB::BrowserHostPtr& host) :  
  15.       m_plugin(plugin), m_host(host)  
  16.       {  
  17.           //绑定版本号  
  18.           registerMethod("getversion", make_method(this, &GoldArmorAPI::getversion));  
  19.           //绑定图片名和图片地址  
  20.           registerMethod("ReturnUrl", make_method(this, &GoldArmorAPI::ReturnUrl));  
  21.           //绑定Address  
  22.           registerMethod("SendAddress", make_method(this, &GoldArmorAPI::SendAddress));  
  23.           //绑定端口  
  24.           registerMethod("Setport", make_method(this, &GoldArmorAPI::Setport));  
  25.           //绑定Action  
  26.           registerMethod("SetAction", make_method(this, &GoldArmorAPI::SetAction));  
  27.           //绑定Parater  
  28.           registerMethod("SendParater", make_method(this, &GoldArmorAPI::SendParater));  
  29.           //绑定Cookies  
  30.           registerMethod("CookiesParatar", make_method(this, &GoldArmorAPI::CookiesParatar));  
  31.           //绑定截屏端口  
  32.           registerMethod("GetCatchScreenAndRM", make_method(this, &GoldArmorAPI::GetCatchScreenAndRM));  
  33.       }  
  34.       //析构函数  
  35.       virtual ~GoldArmorAPI(){;}  
  36.       //得到版本号  
  37.       FB::variant getversion();  
  38.       //得到图片名和图片地址  
  39.       void ReturnUrl();  
  40.       //设置Address  
  41.       void SendAddress(const FB::variant& address);  
  42.       //设置端口  
  43.       void Setport(const FB::variant& myport);  
  44.       //设置Action  
  45.       void SetAction(const FB::variant& myaction);  
  46.       //设置Parater  
  47.       void SendParater(const FB::variant& myparater);  
  48.       //设置Cookies  
  49.       void CookiesParatar(const FB::variant& mycookies);  
  50.       //设置截屏端口  
  51.       void GetCatchScreenAndRM();  
  52. private:  
  53.     GoldArmorWeakPtr m_plugin;  
  54.     FB::BrowserHostPtr m_host;  
  55.     //需要保存传过来的数据，c++builder和vs中字符串的格式不一样，所以转换的时候可能有些麻烦。  
  56.     //我们直接用wchar_t*来保存数据。  
  57.     wchar_t *pictureurl, *picturename, *cookies, *actionparater, *transmitaddress, *port, *action;  
  58. };  
  59. #endif  
.cpp文件
[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. #include "JSObject.h"  
  2. #include "variant_list.h"  
  3. #include "DOM/Document.h"  
  4. #include "global/config.h"  
  5. #include "GoldArmorAPI.h"  
  6. #include <atltime.h>  
  7. #include <atlstr.h>  
  8. #include "resource.h"  
  9. #include <windows.h>  
  10.   
  11. BOOL CALLBACK DlgProc(HWND, UINT, WPARAM, LPARAM);  
  12. //图标句柄  
  13. HICON hdicon = NULL;  
  14. //返回版本号  
  15. FB::variant GoldArmorAPI::getversion()  
  16. {  
  17.     return 6300;  
  18. }  
  19. //得到图片名和图片地址  
  20. void GoldArmorAPI::ReturnUrl()  
  21. {  
  22.     CString temp;  
  23.     CTime start_time = CTime::GetCurrentTime();  
  24.     temp = start_time.Format(_T("%Y_%m_%d_%H_%M_%S")) + ".JPEG";  
  25.     this->picturename = temp.AllocSysString();  
  26.     //添加系统临时目录  
  27.     char *s;  
  28.     size_t len;  
  29.     errno_t err = _dupenv_s(&s, &len, "TEMP");  
  30.     if (err)  
  31.     {  
  32.         exit(-1);  
  33.     }  
  34.     CString url = s;  
  35.     url = url + "/" + temp;  
  36.     this->pictureurl = url.AllocSysString();  
  37. }  
  38. //设置Address  
  39. void GoldArmorAPI::SendAddress(const FB::variant& address)  
  40. {  
  41.     std::wstring _transmitaddress = address.convert_cast<std::wstring>();  
  42.     CString temp = _transmitaddress.c_str();  
  43.     this->transmitaddress = temp.AllocSysString();  
  44. }  
  45. //设置端口  
  46. void GoldArmorAPI::Setport(const FB::variant& myport)  
  47. {  
  48.     std::wstring _port = myport.convert_cast<std::wstring>();   
  49.     CString temp = _port.c_str();  
  50.     this->port = temp.AllocSysString();  
  51. }  
  52. //设置Action  
  53. void GoldArmorAPI::SetAction(const FB::variant& myaction)  
  54. {  
  55.     std::wstring _myaction = myaction.convert_cast<std::wstring>();     
  56.     CString temp = _myaction.c_str();  
  57.     this->action = temp.AllocSysString();  
  58. }  
  59. //设置Parater  
  60. void GoldArmorAPI::SendParater(const FB::variant& myparater)  
  61. {  
  62.     std::wstring _myparater = myparater.convert_cast<std::wstring>();   
  63.     CString temp = _myparater.c_str();  
  64.     this->actionparater = temp.AllocSysString();  
  65. }  
  66. //设置Cookies  
  67. void GoldArmorAPI::CookiesParatar(const FB::variant& mycookies)  
  68. {  
  69.     std::wstring _mycookies = mycookies.convert_cast<std::wstring>();   
  70.     CString temp = _mycookies.c_str();  
  71.     this->cookies = temp.AllocSysString();  
  72. }  
  73. //非模态对话框控件事件  
  74. BOOL CALLBACK DlgProc(HWND hDlg, UINT message, WPARAM wParam, LPARAM lParam)  
  75. {  
  76.     switch(message)  
  77.     {  
  78.         case WM_INITDIALOG:  
  79.         {  
  80.             //这里加载窗口图标  
  81.             SendMessage(hDlg, WM_SETICON, ICON_SMALL, (LPARAM)hdicon);  
  82.             return TRUE;  
  83.         }  
  84.         case WM_COMMAND:  
  85.         {  
  86.             switch(wParam)  
  87.             {  
  88.                 case IDOK:  
  89.                 {  
  90.                     if (hDlg)  
  91.                     {  
  92.                         PostQuitMessage(1);  
  93.                         return TRUE;  
  94.                     }  
  95.                 }  
  96.                 case IDCANCEL:  
  97.                 {  
  98.                     if (hDlg)  
  99.                     {  
  100.                         PostQuitMessage(0);  
  101.                         return TRUE;  
  102.                     }  
  103.                 }  
  104.             }  
  105.             break;  
  106.         }  
  107.         case WM_ACTIVATE:  
  108.         {  
  109.             switch(wParam)  
  110.             {  
  111.             case WA_INACTIVE:  
  112.                 {  
  113.                     if (hDlg)  
  114.                     {  
  115.                         RECT myrerct;  
  116.                         GetWindowRect(hDlg, &myrerct);   
  117.                         SetWindowPos(hDlg, HWND_TOPMOST, myrerct.left, myrerct.top, myrerct.right - myrerct.left, myrerct.bottom - myrerct.top, SWP_NOMOVE | SWP_NOSIZE |SWP_NOACTIVATE);  
  118.                     }  
  119.                     break;  
  120.                 }  
  121.             }  
  122.             break;  
  123.         }  
  124.     }  
  125.     return FALSE;  
  126. }  
  127. //设置截屏端口  
  128. void GoldArmorAPI::GetCatchScreenAndRM()  
  129. {  
  130.     //以下适用于谷歌浏览器等,但不适用于火狐.  
  131.     HWND isCatchOpen = FindWindow(_T("TCatchScreenForm"), _T("截屏控件"));  
  132.     if (IsWindowVisible(isCatchOpen))  
  133.     {  
  134.         return;  
  135.     }  
  136.     //适用于火狐的.  
  137.     HWND isTipsOpen = FindWindow(NULL, _T("Live800准备截屏"));  
  138.     if (isTipsOpen)  
  139.     {  
  140.         SetForegroundWindow(isTipsOpen);  
  141.         return;  
  142.     }  
  143.     CString mydll = _T("npScreenShot.dll");  
  144.     HMODULE hOcx = GetModuleHandle(mydll);  
  145.     wchar_t szPath[1024] = {  
  146.         '\0'  
  147.     };  
  148.     GetModuleFileName(hOcx, szPath, 1024);  
  149.     PathRemoveFileSpec(szPath);  
  150.     PathAppend(szPath, _T("CatchScreen.dll"));  
  151.     //这里苹果浏览器加载c++builder的dll会报错,然而加载c++的dll就不会报错.  
  152.     //这里造成的原因是c++builder的dll用到了vcl,而苹果浏览器是不支持vcl的.  
  153.     //对于某些电脑的浏览器这里需要放一个MessageBox才可以截屏,否则加载动态库的时候出错.  
  154.     //这里若用clr建立界面会出现问题,编译器编译不了,这里需要使用非模态对话框并置顶.  
  155.     MSG msg;  
  156.     hdicon = LoadIcon(hOcx, MAKEINTRESOURCE(IDI_CATCHSCREENICON));  
  157.     HWND hDialog = CreateDialog(hOcx, MAKEINTRESOURCE(IDD_CATCHSCREENTPS), NULL, DlgProc);  
  158.     while(GetMessage(&msg, NULL, 0, 0))  
  159.     {  
  160.         if(hDialog == NULL || !IsDialogMessage(hDialog, &msg))  
  161.         {  
  162.             TranslateMessage(&msg);  
  163.             DispatchMessage(&msg);  
  164.         }  
  165.     }  
  166.     if (msg.wParam == 1)  
  167.     {  
  168.         if(DestroyWindow(hDialog))  
  169.         {  
  170.             if (InvalidateRect(GetForegroundWindow(), NULL, TRUE))  
  171.             {  
  172.                 if (UpdateWindow(GetForegroundWindow()))  
  173.                 {  
  174.                     if (SetForegroundWindow(GetForegroundWindow()))  
  175.                     {  
  176.                         SYSTEM_INFO si;  
  177.                         GetNativeSystemInfo(&si);  
  178.                         if (si.wProcessorArchitecture == PROCESSOR_ARCHITECTURE_AMD64 || si.wProcessorArchitecture != PROCESSOR_ARCHITECTURE_IA64)  
  179.                         {  
  180.                             Sleep(100);  
  181.                         }  
  182.                         HMODULE ShowCatchScreen = LoadLibrary(szPath);  
  183.                         if (ShowCatchScreen)  
  184.                         {  
  185.                             void(WINAPI* CatchScreenPort)(wchar_t* pictureurl, wchar_t* picturename, wchar_t* cookies, wchar_t* actionparater, wchar_t* transmitaddress, wchar_t* port, wchar_t* action);  
  186.                             CatchScreenPort = (void(WINAPI*)(wchar_t* pictureurl, wchar_t* picturename, wchar_t* cookies, wchar_t* actionparater, wchar_t* transmitaddress, wchar_t* port, wchar_t* action))GetProcAddress(ShowCatchScreen, "OpenCatchScreen");  
  187.                             CatchScreenPort(pictureurl, picturename, cookies, actionparater, transmitaddress, port, action);  
  188.                         }  
  189.                     }  
  190.                 }  
  191.             }  
  192.         }  
  193.     }  
  194.     else if (msg.wParam == 0)  
  195.     {  
  196.         DestroyWindow(hDialog);  
  197.     }  
  198. }  

.h文件很好理解，.cpp文件有几个地方需要注意，我依次向下说明：

(我的截屏按钮点击后会出现一个提示框，这时用户可以选择需要截屏的位置，点击开始截屏就好，我的考虑是若一个浏览器有两个标签，其中一个有截屏按钮，而需要我们截屏的区域在第二个标签，若我们点击截屏后就开始截屏，这时我们能截屏的区域只是第一个标签的界面。这个提示界面是win32做的非模态对话框，在我的代码就可以看出来，之所以选择win32而不选择其他，比如clr或者mfc，主要是因为这个工程不支持clr，我们在工程里面建立clr窗体，工程不能建立，若使用clr的dll，工程动态加载，可以实现打开窗口，但是一旦关闭窗口所有浏览器都会重新刷新页面，这个可能跟底层有关，我们不去深究。)

1，以下代码是修正Google浏览器bug的，这个bug是当用户连续点击截屏按钮时虽然当时只弹出一个提示框，但是当这个提示框关闭或者提示框中点击开始截屏按钮就会出现很多个截屏提示框，造成这个原因的是Google等浏览器用的是消息队列，也就是我们的n次点击都在这个队列里面，只有最先的那个结束了才会执行第二个，这样就造成连续点击截屏按钮出现的bug，我这里也只是解决了在提示框里面点击开始截屏弹出很多截屏提示框的问题，当关闭提示框我暂时没解决，有兴趣的朋友可以自己去研究。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. //以下适用于谷歌浏览器等,但不适用于火狐.  
  2. HWND isCatchOpen = FindWindow(_T("TCatchScreenForm"), _T("截屏控件"));  
2，以下代码解决火狐等浏览器连续点击网页上的截屏按钮出现的多个提示框，造成这个原因的是火狐等浏览器是即时执行的，就是点击按钮就执行，而不是把消息放在队列里面。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. HWND isTipsOpen = FindWindow(NULL, _T("Live800准备截屏"));  
3，我的截屏dll(CatchScreen.dll)是用c++builder2010做的，加载到Safari浏览器可能会出错，主要是由于safari和c++builder的vcl不兼容造成的，你们可以用vs2010的atl建立动态链接库dll，我想这个问题就能解决，不能用clr或者mfc建立dll。

4，以下一句话是加载截屏提示框对话框的标题图标。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. hdicon = LoadIcon(hOcx, MAKEINTRESOURCE(IDI_CATCHSCREENICON));  
5，以下一句话是加载截屏提示框并打开，这个对话框是非模态的对话框。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. HWND hDialog = CreateDialog(hOcx, MAKEINTRESOURCE(IDD_CATCHSCREENTPS), NULL, DlgProc);  
以上4和5点我们需要注意的是：可能部分的不知道怎么用win32建立非模态对话框，这个你们可以去网上找，在该工程里面找到我们的接口项目，也就是上面两个文件所在的项目，在项目里面有个Generated目录，里面有个firebreathWin.rc文件，这个就是资源文件，这里最好把这个文件备份一下，后面要用到，在win32项目中所有的对话框资源或者其他资源就是建立这里面的，建立资源很简单，右键这个文件，选择打开方式，里面有个资源编辑器，打开后就可以像win32那样建立对话框资源IDD_CATCHSCREENTPS和图标资源IDI_CATCHSCREENICON。

很可悲的是当我们建立好后生成时rc文件却出现了问题，按理说不应该，可是还是出现了，原来我们编辑好后的rc文件不能被该工程很好的编译，只要修改rc文件就好，不要去注释掉rc中不能编译的代码，这样可能出现未知的错误。其实解决的办法很简单，这个时候的rc文件里面加载你的对话框资源和图标资源，你可以右键firebreathWin.rc文件，选择打开方式C++源代码编辑器，可以看到这个资源文件的代码，把这个文件的所有代码复制下来保存在一个记事本里面，然后退出vs编译器，把以上备份的rc文件覆盖你编辑的文件，再用C++源代码编辑器打开这个最原始的rc文件，和你复制下来的还有对话框和图标资源的rc文件进行对比，你就会发现问题了，是不是很简单，只要把开头的部分和结束的部分换成最原始rc文件的代码，中间的对话框和图标资源不变，这个问题就解决了。

6，细心的人就会发现我的非模态窗口摧毁是在点击开始截屏按钮或者关闭截屏提示框的时候执行的，而网站上的是在发送退出消息前，这是由于猎豹浏览器造成的，一部分系统的猎豹浏览器在退出时不能把下面的函数放在PostQuitMessage前面。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. DestroyWindow(hDialog);  

7，最后一点，也是最重要的一点，要想你做的dll对所有浏览器都支持，那么firebreath做的dll必须np开头，否则不能支持所有浏览器，同时需要regsvr32这个dll。


好了截屏的接口做好了，接下来就是截屏的dll，这里可以用vs的atl，我用的是c++builder的vcl，这里不贴代码，直接上传项目。

链接地址：http://download.csdn.net/detail/kk618172/6788619

值得注意的是，在我的CatchScreenCtrl.cpp文件里面打开截屏窗口用的是myCatchScreenForm->Show()，而不是myCatchScreenForm->ShowModal()，这是由于我如果用第二个则火狐浏览器就会有问题，我不是很明白。大家可以看代码，在关键的地方我注释了的，比如QQ浏览器出现黑屏的情况。


好了截屏操作dll完了，该上传截屏图片到服务器，这里用的vs2010，这个也不贴代码，直接上传项目：

链接地址：http://download.csdn.net/detail/kk618172/6788651

值得注意的是，在代码里面我判断了上传的协议，这里需要截屏的接口传递过来。


好了上传文件dll也完了，最后一个的dll，是一个键盘钩子，也是我用c++builder做的，这里也不贴代码，直接上传项目：

链接地址：http://download.csdn.net/detail/kk618172/6788661

我说一下这个dll的作用，就是用户截屏时候对文字处理时，判断是否超出边界，这时就是否禁用键盘，也可以不要这个dll，若实现这个功能还有其他方式，望大家告诉我。


以下是测试html。

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. <html>  
  2. <head>  
  3. <title>截图测试</title>  
  4. </head>  
  5. <body>  
  6. <object id="plugin1" type="application/catchscreen-live800" width="0" height="0"></object>  
  7. <a href="#" onclick="plugin1.getversion();plugin1.ReturnUrl();plugin1.SendAddress('www.live800.com');plugin1.Setport(':8080');plugin1.SetAction('/test1/ChaterServer');plugin1.SendParater('&rid=1232&visitorIDInSession=11');plugin1.CookiesParatar('');plugin1.GetCatchScreenAndRM()" >截屏</a>  
  8. </body>  
  9. </html>  
0 0
cs微课程制作软件 cs微课程制作软件
原创粉丝点击
热门IT博客
cf36 2客户端数据异常cf36 2客户端数据异常
淘宝高客单价运营方法淘宝高客单价运营方法
python数组转字符串
淘宝店铺排名查询软件
淘宝客退款还算佣金吗
mac口红哪个国家最便宜
百度seo 知乎
windows多线程同步
数据分析员工资
九次方大数据上市2016
套利分析软件
vm虚拟机安装mac dmg
淘宝网司法拍卖
魔镜数据
流星 网络骑士
淘宝基础店铺全屏店招
ubuntu 测速
vt和vi的区别 知乎
linux系统图形界面
mac steam玩windows
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 电脑关机后自动重启 iphonex怎么关机 电脑强制关机快捷键 电脑关机自动重启 自动关机怎么设置 iphonex强制关机 自动关机设置 iphonex如何关机 手机强制关机 iphone11关机 拨打电话已关机 电脑自动关机设置 定时关机怎么设置 iphone11怎么关机 电脑设置自动关机 iphone11如何关机 电脑怎么强制关机 笔记本电脑强制关机 iphone11按哪个键关机 电脑怎么设置自动关机 电脑可以正常运行但无法关机 关林 关林站 关林批发市场 关林到武当山 关林童装批发市场 关林火车站 关林庙 洛阳关林 兽人必须死20关跳出 关毅 关河未冷 关河五十州 关河令 线索 关河 煨酒忽忆旧关河 关河未冷 酒徒 周邦彦关河令 关注 关注公众号 抖音关注

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里