wp7手机开发-silverlight浏览器插件
必备的前端开发工具与插件推荐
必备的前端开发工具与插件推荐作为前端开发人员，使用合适的工具和插件可以提高我们的工作效率和开发质量。
本文将介绍几个必备的前端开发工具与插件，帮助开发人员更好地进行前端开发。
一、代码编辑器在前端开发中，选择一个合适的代码编辑器至关重要。
以下是几个常用的代码编辑器推荐：1. Visual Studio CodeVisual Studio Code是一款免费开源的代码编辑器，由微软开发。
它具有丰富的插件生态系统、强大的调试能力和智能代码补全功能，支持多种编程语言，是前端开发人员的首选。
2. Sublime TextSublime Text是一款流行的轻量级代码编辑器，提供了丰富的插件和定制化选项。
它具有快速且稳定的性能，适合处理大型项目和高效的多任务处理。
3. AtomAtom是GitHub开发的一款现代化的、开源且可定制的代码编辑器。
它具有强大的插件生态系统和直观的用户界面，可以满足不同开发人员的需求。
二、调试工具在前端开发中，调试是一个常见的任务。
以下是几个常用的调试工具推荐：1. Chrome DevToolsChrome DevTools是Chrome浏览器内置的一套前端开发工具。
它提供了强大的调试功能，可以检查网页元素、修改CSS样式、分析网络请求和执行JavaScript 代码等。
2. Firefox Developer ToolsFirefox Developer Tools是Firefox浏览器内置的一套前端开发工具。
它与Chrome DevTools类似，提供了一系列的调试和性能分析功能。
3. FirebugFirebug是一款受欢迎的浏览器扩展，提供了强大的HTML、CSS和JavaScript 调试功能。
尽管现在Firefox开发者工具已经可以满足大部分需求，但Firebug仍然有一些特殊的功能和用户界面。
三、包管理工具在前端开发中，使用包管理工具可以简化依赖管理和项目构建。
以下是几个常用的包管理工具推荐：1. npmnpm是Node.js的包管理工具，也是最大的包生态系统之一。
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 ActiveX2.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 <QtGui/QtGui>class npgraphapp : public QWidget{Q_OBJECTQ_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_H2.4 修改main.cpp在文件中增加QAXFACTORY_BEGIN宏，代码如下：#include "npgraphapp.h"#include <QtGui/QApplication>#include <ActiveQt/QAxFactory>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.0if errorlevel 1 goto VCReportErrormidl $(IntDir)\npgraphapp.idl /nologo /tlb $(IntDir)\npgraphapp.tlbif errorlevel 1 goto VCReportErrorC:\Qt\4.7.2\bin\idc.exe $(TargetPath) /tlb $(IntDir)\npgraphapp.tlbif errorlevel 1 goto VCReportErrorC:\Qt\4.7.2\bin\idc.exe $(TargetPath) /regserver2.6 注册和调用工程编译后自动生成事件会注册组件，注意看编译信息是否注册成功测试组件<OBJECT ID="npgraphdemo" CLASSID="CLSID:4CFCDEDD-F2F6-42E9-8671-D63D7B15AA2C"HEIGHT="80%" WIDTH="80%" ALIGN="LEFT" ></OBJECT>问题：如果仅仅在界面上绘制可创建QT Active库，如果界面上需调用其它QT控件或自定义的QT控件，需创建为可执行文件才可以3 NPAPI3.1 创建QT Library工程名称：npgraphdemo下载qt-solutions-qt-solutions-master.tar.gz，解压后qtbrowserplugin目录就是NPAPI 的封装支持，使用src中的文件，将下列的五个文件拷贝到工程目录下，在工程中加入qtnpapi.hqtbrowserplugin.hqtbrowserplugin_p.hqtbrowserplugin.cppqtbrowserplugin_win.cpp（windows操作系统）3.2 增加资源文件文件名称是npgraphdemo.rc，内容如下1 VERSIONINFOFILEVERSION 1,0,0,1PRODUCTVERSION 1,0,0,1FILEFLAGSMASK 0x3fL#ifdef _DEBUGFILEFLAGS 0x1L#elseFILEFLAGS 0x0L#endifFILEOS 0x4LFILETYPE 0x2LFILESUBTYPE 0x0LBEGINBLOCK "StringFileInfo"BEGINBLOCK "040904e4"BEGINVALUE "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"ENDENDBLOCK "VarFileInfo"BEGINVALUE "Translation", 0x409, 1252ENDEND注意VALUE "MIMEType", "application/grapher"这句，其中的MIMEType后面字符串为自定义类型3.3 新建模块定义文件在工程选择“新建项”，创建npgraphdemo.def，如下图文件内容：LIBRARY "npgraphdemo"EXPORTSNP_GetEntryPoints @1NP_Initialize @2NP_Shutdown @33.4 修改npgraphdemo.h在文件增加Q_CLASSINFO定义，注意Q_CLASSINFO("MIME", "application/grapher:g1n:Graphable ASCII numeric data")，此处的定义要和资源文件的MIMEType定义的一致#ifndef GRAPHFROM_H#define GRAPHFROM_H#include <QtGui/QtGui>#include <qtbrowserplugin.h>QT_BEGIN_NAMESPACEclass QVBoxLayout;QT_END_NAMESPACEclass npgraphdemo : public QWidget, public QtNPBindable{Q_OBJECTQ_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_H3.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下新建子项@/demo3、新建字符串数据”Path”设置为动态库所在路径“D:\VictorySoft\SeisDataServer\01Develop\TestCode\npdemo\Debug\ npgraphdemo.dll”在网页中加入如下语句，可测试调用<object type="application/grapher" width=80% height="80%" >Plugin not installed!</object>问题：1、与网页的交互模式2、自动的打包和注册。
插件是什么东西
插件是什么东西，到处都是,是什么东西啊？插件是一种遵循一定规范的应用程序接口编写出来的程序。
很多软件都有插件，插件有无数种。
例如在IE中，安装相关的插件后，WEB浏览器能够直接调用插件程序，用于处理特定类型的文件。
IE浏览器常见的插件例如：Flash插件、RealPlayer插件、MMS插件、MIDI五线谱插件、ActiveX插件等等；再比如Winamp的DFX，也是插件。
还有很多插件都是程序员新开发的。
有些是恶意的．1．在浏览网页时偶尔会跳出一个提示，让你安装某某插件，因为你没有装这个相应的插件，导致网页上的某些效果不能看到，比如一些动画播放不出，你需要装了新版本的播放器才能播放2．插件文件夹C:\Program Files\Internet Explorer\PLUGINS3．可以删除的，用360安全卫士就可以的，它有删除ie插件这项．4．在IE中，安装相关的插件后，WEB浏览器能够直接调用插件程序，用于处理特定类型的文件。
组件和插件的区别是，插件是属于程序接口的程序，组件在ASP中就是控件、对象，ASP/IIS 的标准安装提供了11个可安装组件。
ASP的FSO组件，编程的朋友都如雷贯耳吧，它就是最常用的Scripting.FileSystemObject对象。
插件，即英文的Plug-in，是一种程序。
浏览器一般能够直接调用插件程序。
插件安装后就成为浏览器的一部分，可以处理特定的文件。
插件的使用，增强了浏览器处理不同Web文件的能力。
插件是计算机软件中的一种特殊程序,它不能单独执行,而必须依赖于某个软件. 插件就像助手一样，一个软件装上后，不一定有所有功能，要到网上载插件. 播放软件或是IE浏揽软件都必须做的一些补丁，如果都做在软件里面会很大，多数用户也许用不上，只好做出插件来让大家下载安装，各求所需。
插件就是在原来的基础上添加的新功能,这是按你的所需来由你自己挑选安装的插件跟补丁的意思差不多吧，就是一些补充程式。
网页浏览器插件的安装和使用方法
网页浏览器插件的安装和使用方法第一章：什么是网页浏览器插件网页浏览器插件是一种可以在网页浏览器中安装和使用的额外软件功能，它们可以为用户提供更多的功能和定制化选项。
插件通常通过浏览器扩展应用程序的形式提供，比如Google Chrome浏览器的Chrome Web Store。
第二章：常见的网页浏览器插件2.1 广告拦截插件广告拦截插件是最常见的插件之一，它可以阻止网页上的广告显示，提升用户的浏览体验。
常见的广告拦截插件有Adblock Plus、uBlock Origin等。
2.2 下载管理器插件下载管理器插件可以帮助用户更好地管理和控制下载文件。
一些下载管理器插件还支持批量下载、断点续传等功能。
常见的下载管理器插件有DownThemAll、Internet Download Manager等。
2.3 屏幕截图工具插件屏幕截图工具插件可以帮助用户方便地截取网页、整个屏幕或特定区域的截图，并提供一些编辑和分享选项。
常见的屏幕截图工具插件有Lightshot、Awesome Screenshot等。
2.4 密码管理器插件密码管理器插件可以帮助用户存储和管理各类账号密码，用户只需记住一个主密码，即可自动填充各个网站的登录信息。
常见的密码管理器插件有LastPass、Dashlane等。
第三章：网页浏览器插件的安装方法3.1 在Chrome浏览器中安装插件在Chrome浏览器中安装插件非常简单。
用户可以直接在Chrome Web Store中搜索需要的插件，并点击“添加至Chrome”按钮进行安装。
部分插件可能需要用户授权一些权限才能正常工作。
3.2 在Firefox浏览器中安装插件在Firefox浏览器中安装插件也非常方便。
用户可以在Firefox的Add-ons管理界面中搜索需要的插件，然后点击“添加到Firefox”按钮进行安装。
同样地，某些插件可能需要用户授予一些权限。
3.3 在其他浏览器中安装插件除了Chrome和Firefox，其他浏览器也支持插件的安装和使用。
各种插件软件安装方法
各种插件软件安装方法一、Chrome浏览器插件的安装方法1. 在Chrome浏览器中，点击右上角的菜单图标，选择“更多工具”。
2.在下拉菜单中选择“扩展程序”。
3. 在扩展程序页面的右上角，点击“打开Chrome网上应用商店”。
4.在应用商店中，可以通过框需要安装的插件。
5. 在结果中找到需要的插件后，点击“添加至Chrome”按钮。
6.在弹出的确认框中，点击“添加扩展程序”按钮。
二、Firefox浏览器插件的安装方法1. 在Firefox浏览器中，点击右上角的菜单图标，选择“附加组件”。
2.在附加组件页面的左侧菜单中，选择“扩展”。
3.在扩展页面的右上角，点击“发现更多附加组件”。
4. 在Add-ons页面的框中需要安装的插件。
5. 在结果中找到需要的插件后，点击“添加到Firefox”按钮。
6.弹出对话框询问是否添加插件，点击“添加”。
三、Visual Studio Code插件的安装方法2.在框中需要安装的插件。
3.在结果中找到需要的插件后，点击“安装”按钮。
四、WordPress插件的安装方法1. 在WordPress后台管理界面的左侧菜单中，选择“插件”>“安装插件”。
2.在安装插件页面的框中需要安装的插件。
3.在结果中找到需要的插件后，点击“现在安装”按钮。
2.点击左侧的“工具”>“插件”>“插件”。
3.在框中输入需要安装的插件名称。
4.在结果中找到需要的插件后，点击“添加”按钮。
六、Photoshop插件的安装方法1. 打开Photoshop软件，并点击顶部菜单中的“窗口”。
2.在下拉菜单中选择“扩展功能”。
3.在扩展功能面板中，点击右上角的设置图标。
4.在下拉菜单中选择“安装扩展功能”。
5.在弹出的文件浏览器中，找到需要安装的插件文件，点击“打开”。
6.插件开始安装，完成后会在扩展功能面板中显示插件。
七、Sublime Text插件的安装方法2.在下拉菜单中选择“命令面板”。
网页前端开发必备的15个火狐插件
网页前端开发必备的15个火狐插件Firefox是一款越来越热的Web浏览器，多种多样的扩展，主题，插件，是它快速流行的重要原因。
Mozilla的网站上提供了许多扩展和插件的下载，由于众多开发者的支持，这些扩展和插件的数量也在随着需求日益增长，下面列举15款比较优秀的插件，仅供大家参考。
以下是15款火狐的插件，可以使得Web开发人员的开发工作更加容易：1、 Aardvark：Aardvark可以让你从网页中选择元素，并对它们进行操作。
Web 开发人员可以利用Aardvark对网页的构架进行分析，同时还可以利用Aardvark 去移除和隔离元素或者生成DOM代码，这个是笔者强烈推荐的一款Firefox插件。
2、 CSS Validator（CSS验证器）：CSS验证器可以在您的浏览器中添加一个右击选项，将CSS传送至W3C CSS验证。
它可以再一个新的标签中打开答案，笔者认为，CSS Validator将会是一款引导潮流的开发工具。
3、 CSSViewer：CSSViewer是一款小巧的CSS属性查看器，随着鼠标的移动显示当前所指示元素的CSS样式信息，其中包括了所有从父级元素继承而来，用户自定义以及浏览器自定义的样式信息。
同时。
您也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。
4、 FireBug：Firebug是测试前端代码和CSS的最好的调试软件。
如果出现任何不符合格式的图像或类型，最好的解决办法就是用Firebug检查出来。
甚至可以在里面改变样式来检查网站是如何在浏览器中的渲染效果。
5、 FirePHP：FireBug是针对CSS、HTML和JavaScript的一款很好的开发工具，但是FirePHP只有在用户安装了FireBug之后才可用，可以为PHP开发者所用，便于他们管理PHP函数。
6、 Font Finder：Font Finder使得开发者可以在网站上突出一些文字的字体，右击选择后，选择“查找字体”，查看选定文字的全部的CSS文字样式，然后将这些文字粘贴到您自己的网页中。
UC编程实战打造个性化浏览器插件
UC编程实战打造个性化浏览器插件1、引言在当今信息时代，个性化定制体验成为了用户对于软件和应用的追求。
而浏览器作为我们日常工作和娱乐中无法绕过的工具，其个性化定制正在变得越来越重要。
UC编程实战打造个性化浏览器插件，为用户提供了让浏览器更贴合个人需求的绝佳选择。
本文将介绍UC编程实战打造个性化浏览器插件的具体方法和技巧。
2、UC编程实战入门UC编程是一种基于UC浏览器的开发方式，通过使用UC自带的开发工具集以及特定的编程语言来实现对UC浏览器的扩展和定制。
UC 编程可以帮助我们实现对浏览器功能的增强，实现个性化需求。
3、插件开发环境搭建要开始开发自己的个性化浏览器插件，首先需要搭建相应的开发环境。
以下是搭建UC插件开发环境的基本步骤：①下载UC插件开发工具②安装UC插件开发工具③配置UC插件开发环境④创建插件项目通过以上步骤，我们就可以搭建起UC插件开发的基本环境，为后续的插件开发工作做好准备。
4、插件开发入门UC插件的开发主要依赖于Java与HTML5技术。
以下是UC插件开发入门的几个核心概念和技术要点：①插件的基本结构和目录②插件的配置文件③插件的界面设计④插件的功能实现了解了以上核心概念和技术要点后，开发者就可以着手进行自己的插件开发工作了。
5、个性化浏览器插件开发案例为了更好地理解UC编程实战打造个性化浏览器插件，我们以一个实际案例来进行说明。
假设我们要开发一个名为"UC To-Do List"的插件，可以帮助用户进行日常的任务管理和提醒。
该插件包含以下功能：①添加任务②查看任务列表③任务提醒功能通过该案例的介绍，读者可以更好地了解UC插件开发的具体步骤和实现方式。
6、插件发布与分享当我们开发完成个性化浏览器插件后，我们可以选择将其发布与分享，以使更多用户受益。
以下是插件发布与分享的基本流程和方法：①插件打包与压缩② UC浏览器插件市场的注册与上传③插件的宣传与分享通过以上步骤，我们可以将自己开发的个性化浏览器插件发布到UC浏览器插件市场中，与更多用户进行分享和交流。
浏览器中常用的十大插件,个个都是精品,今天纯干货分享!
其实，浏览器不单单是用来给我们搜索我们想要的资料的，它还有其它很强大的功能，例如浏览器中的插件（在浏览器中被称为扩展程序，但是在平时大家习惯叫做插件）。
值得注意的是，当我们在浏览器中安装一个插件的时候，所安装的插件并不会直接安装到我们的电脑上，只是安装在浏览器里面使用而已，出了浏览器就使用不了了。
很多朋友一听是插件，更多的印象是下载一个软件安装到电脑上，结果却带来了一大堆不是自己下载的软件，然后就对插件这两个字产生了阴影。
我也是考虑到这个因素，然后就在进入正文前给大家解释一番，免得大家担心，解释后相信大家对插件这个词会有重新的印象，甚至你可能会爱上插件。
下面进入正题：今天我给大家分享的是在浏览器中我们常用的十大插件，个个都是精品，今天纯干货分享给大家，这些插件的名称分别叫做谷歌访问助手、Astrolabe、Convertio、Dark Reader、Google 翻译、右键先生-百度搜索、沙拉查词、猫抓、破解右键锁和視頻下載器，下面是我的对这些插件的介绍。
一、谷歌访问助手如果要在浏览器中安装后面的九款插件那么就需要借助它的功能，在上面图片中也有对它的介绍，介绍说它是最简单易用的谷歌访问助手，为chrome扩展用户量身打造。
可以解决chrome扩展无法自动更新的问题，同时可以访问谷歌google搜索，gmail邮箱。
谷歌访问助手不仅仅只能用于谷歌浏览器，在Edge浏览器或者其它浏览器中都可以使用安装。
在前面我给大家介绍最新版的Edge浏览器的时候就有。
在浏览器中安装了谷歌访问助手后，你若想在浏览器中访问谷歌搜索、谷歌邮箱和谷歌网上应用店都可以很容易的访问，能访问谷歌网上应用店，剩下的你要是想安装各种各样的功能的插件那就是几秒钟的事情，不仅仅只能安装后面我即将给大家介绍的九款插件。
所以，从这也可以说，如果没有它你就只能使用浏览器里面自带的一些插件了，就不能访问谷歌的插件了。
一般浏览器自带的插件功能种类较少，有的时候很难挑出我们想要的那种功能的插件，但是谷歌网上应用店里面的插件就不一样了，种类多、功能强大，在生活中能够帮助我们解决很多的问题。
插件开发原理 -回复
插件开发原理-回复插件开发原理，是指通过对软件、应用程序或网站添加插件（插件、扩展或组件）来增加其功能和灵活性的过程。
插件开发可以为用户提供更多的选择，使他们能够根据自己的需求定制和扩展软件。
在本文中，我们将一步一步回答有关插件开发原理的问题。
一、什么是插件开发？插件开发是指为现有的软件、应用程序或网站添加新的模块或功能的过程。
插件是一种可以与主程序进行交互的独立模块，它可以根据用户的需求而定制和扩展软件的功能。
插件开发可以为用户提供更多的选择，使他们能够根据自己的需求来使用软件。
插件开发可以通过编写代码、使用特定的开发工具和环境来实现。
二、为什么需要插件开发？插件开发可以为软件、应用程序或网站增加新的功能和灵活性。
它可以使用户根据自己的需求来定制和扩展软件，以满足他们的个性化需求。
插件开发还可以简化软件的开发过程，减少开发时间和成本。
此外，插件开发还可以促进软件的创新和发展，通过用户和开发者的贡献来推动软件的改进和升级。
三、插件开发的基本原理是什么？插件开发的基本原理包括以下几个方面：1. 定义插件的功能和作用：在插件开发之前，需要明确插件的功能和作用。
这需要根据用户的需求和软件的特点来确定。
2. 选择适当的开发工具和环境：根据软件的类型和开发环境，选择适合的开发工具和环境，如IDE（集成开发环境）、SDK（软件开发工具包）等。
3. 编写插件代码：使用所选的开发工具和环境，编写插件的代码。
插件代码可以使用不同的编程语言来编写，如Java、C++、JavaScript等。
4. 调试和测试插件：在插件开发过程中，需要进行插件的调试和测试，以确保插件的正确性和稳定性。
可以使用调试器、模拟器和单元测试工具来进行调试和测试。
5. 打包和发布插件：完成插件的开发、调试和测试后，需要将插件打包成可发布的文件，并发布到相应的插件平台或市场上。
四、插件开发需要哪些技能和知识？插件开发需要具备以下技能和知识：1. 编程技能：插件开发涉及多种编程语言，如Java、C++、JavaScript 等。
基于HTML5实现智能手机跨平台应用开发
基于HTML5实现智能手机跨平台应用开发作者：武佳佳王建忠来源：《软件导刊》2013年第02期摘要：为了解决WP7、Android及iPhone应用程序开发的不一致性，即每种平台开发语言到开发环境完全不同的问题，提出使用HTML5来解决封闭性的方法，提高了三大职能应用程序开发的效率，同时，使用开源PhoneGap开源框架进行了验证。
关键词：HTML5；Android；Iphone；Window Phone7；PhoneGap中图分类号：TP319 文献标识码：A 文章编号：16727800（2013）0020066020 引言随着智能手机的普及，各种类型的应用迅速面市，给手机用户带来更多全新体验。
目前市面上常见的有Android、iPhone及WP7智能手机系统。
三种手机系统几乎占据了智能手机系统全部份额。
正因如此，吸引了更多的开发者进入到智能手机应用开发的行列。
但是由于三种手机系统各自为政，任何一种应用都需要对三种系统进行不同平台开发，给开发者带来了时间和经济浪费，增大了企业开发成本。
本文探讨基于HTML5、Java Script及CSS进行应用程序开发，做到一次开发，在多个手机系统上部署运行。
1 智能手机应用开发的封闭性Android、iPhone及WP7手机在应用开发的编辑环境、开发语言及手机系统都是完全不同的，如图1所示。
从图1可知，Android系统是基于Linux操作系统，iPhone手机系统是从Unix发展而来，WP7是使用的Windows phone手机系统。
WP7使用的是C#，自动内存管理、应用程序采用Silverlight框架、游戏采用XNA框架；Android使用Java语言，大部分类库兼容原来Sun的Jave SE，与C#相同Java执行也是采用的虚拟机，效率比较接近。
iPhone使用 Objective C，运行效率和标准C差不多，无论是C#还是Java在运行效率和内存占用上都无法与Objective C相比。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
了解 Windows Phone 7 网页浏览器控件 – Part 1 了解 Windows Phone 7 网页浏览器控件 – Part 1 文 / 黃忠成
The Web Browser (Ph) Application 前些日子，有关注我 Blog 的朋友应该都已经注意到，我发表了 Web Browser (Ph) Application 上架 Marketplace 的相关信息，也分享了退件及通过审核的一些过程。现在让我将开发这个应用程序的经验与大家分享。
除了个人懒惰没看清认证的一些规则导致退件的经验之外，Web Browser(Ph) 于开发中有两个问题是最重要的，第一个当然是中文输入法，此问题的解法其实很简单，就是必须要拥有相关的字及注音码，接着就只要做接口就好了，如果对此有兴趣及需要 ，我建议读者们参考 David 老师与光岩信息提供的控件(因为我的字库其实并不完整)。
第二个问题就是，Web Browser (Ph) 是如何知道，使用者点选到了某个输入框？又是如何将输入的中文字放到输入框里？
Web Browser 控件其实用法分为简易与深入两种，简易的将其拿来做为显示某个网页用，深度的用法则是在显示网页后，尝试将整个网页的控制权拿在手里，Web Browser (Ph) 即是深度的用法。 OK，那么 Web Browser(Ph) 如何知道使用者点选到了某个输入框？很简单，Web Browser(Ph) 有个函式：InvokeScript，可以让开发者在 Web Browser 读入网页后，呼叫网页中的某个 JavaScript，原意是想让开发者在使用 NavigateToString、Navigate 浏览本机网页时能有个沟通的管道。 Web Browser(Ph) 将此技术发挥到极致，经测试得知，InvokeScript 其实不仅只能在浏览本机网页，浏览一般网页时也可正常运作，这意味着 Web Browser(Ph) 可以在使用者浏览网页后，以 InvokeScript 来呼叫特定的 JavaScript 函式，那这有什么用呢？
细想一下，有哪个 JavaScript 函式可以让你列举出网页上所有的 input type=text 控件？ document.getElementsByTagName !!
但此路不通，因为 InvokeScript 仅能呼叫函式，像 getElementsByTagName 这种挂在某个对象下的函式是无法透过 InvokeScript 呼叫的。
所以我们得找另一条路，有哪个函式可以让 InvokeScript 正常呼叫，又能达到与 getElementsByTagName一样的效果？答案很明白，就是 eval 函式，这个函式可以让我们执行大多数的 JavaScript 程序代码，这便是 Web Browser (Ph) 所仰赖的关键技术。
关于 Tel/Sms Tag Web Browser 控件很强，但是其有一点与内建的 IE 不同，那就是在内建的 IE 下是可以解析 Tag 的，透过这 个机制，使用者可以在浏览到使用此 Tag 的网页时，点选该链接来拨出电话，但 Web Browser 控制项目前并不支持这个机制，这是已知的限制。 这些 tel tag 最常出现在搜索引擎的网页，例如 Google Maps。
图1 于内建的 IE 上点选电话部份的链接，会启动拨号动作。 图2
但 Web Browser 控件并不支持这种应用，也就是其不认识 ，要解决这个问题，我们得自己来处理，前面所提到的 InvokeScript+Eval 的技巧，正巧可用上。
首先，我们得想办法在 Web Browser 加载网页后，执行一段 JavaScript，搜索页中所有的 元素，紧接着解析其 href attribute， 只要发现是以 tel: 开头，即将其改为 #，并挂上 onclick 事件来处理使用者按下连结的后续动作。
MainPage.xaml x:Class="DetectTelTag.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768" FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}" Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait" shell:SystemTray.IsVisible="True">
Background="Transparent"> Grid.Row="0" Margin="12,17,0,28"> Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/> Text="Maps" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
Margin="12,0,12,0"> HorizontalAlignment="Left" Name="webBrowser1" VerticalAlignment="Top" Height="537" Width="456" Margin="0,64,0,0" LoadCompleted="webBrowser1_LoadCompleted" /> HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="160" Click="button1_Click" />
MainPage.xaml.cs 1. using System; 2. using System.Collections.Generic; 3. using System.Linq; 4. using System.Net; 5. using System.Windows; 6. using System.Windows.Controls; 7. using System.Windows.Documents; 8. using System.Windows.Input; 9. using System.Windows.Media; 10. using System.Windows.Media.Animation; 11. using System.Windows.Shapes;