我们上面知道了Windows Mobile 6.5的Widget还是小有潜力的,而且也很方便制作,那么我们的Widget还能干嘛呢,既然是HTML,是不是也有DOM对象,也能够使用JavaScript呢?按道理来说,既然Windows Mobile 6.5 Widget是使用网页的形式去制作的,那么Windows Mobile 6.5就有一个专门针对Widget的engine,所以Windows Mobile 6.5 Widget应该可以使用JavaScript,想到什么就去做,这是我的一个习惯,管他的,先做了再说。
同样我们创建一个文件夹,很简单,就是放一些源代码,我猜想Windows Mobile 6.5 Widget既然是有引擎的,这个引擎肯定是和浏览器引擎差不多,所以我们做一个网站放到里面去,应该可以运行。OK,我们先来写config文件。
<?xml version="1.0" encoding="utf-8" ?>
<widget version="1.0" xmlns="http://www.w3.org/ns/widgets" id="test">
<name>JavaScript Test</name>
<content src="widget.htm" type="text/html" />
<access network="true" />
<icon src="cover.png"/>
<description>
Test JavaScript Page Widget!
</description>
</widget>
代码很简单,但是我们不要忘记了里面有些东西要定义,定义了的东西要存在。写完了config,然后再来写界面了。一个典型的HTML文档。
<html>
<head>
<title>JavaScript Widget Test</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
// <!CDATA[
function Button1_onclick() {
var textBox = document.getElementById('TextArea1');
textBox.innerHTML = 'Hello JavaScript and CSS!';
alert('Hello World!');
}
// ]]>
</script>
</head>
<body>
<div class="main">
This is a javascript test widget!
</div>
<div class="content">
<textarea id="TextArea1" name="S1"></textarea><br />
<br />
<input id="Button1" type="button" value="OnClick"
onclick="return Button1_onclick()" />
</div>
</body>
</html>
在这段代码里面,我们使用了JavaScript并且获取了DOM对象并弹出窗口,这都能不能在Windows Mobile 6.5 Widget引擎里运行呢,我们同样打包一下。(记得这里的css文件自己定义啊,因为很简单所以我就不把css的代码发到上面来了)。
同样打包成后缀wgt的文件后放到移动设备文件夹中,然后运行。

我们可以看到我们的程序已经在开始菜单了,然后我们点开运行程序就可以了。

可以看到我们的JavaScript脚本已经运行了,这说明什么?这说明只要能用JavaScript做的事情,咱都可以在Widget里面做,而且还非常方便,这也就是说如果我要做一个Twitter或者Facebook的应用的话,只需要做HTML和JavaScript就行了,而且还可以使用JQuery具有更好的用户体验。而且我们也可以看到,CSS也可以使用,所以, Windows Mobile 6.5 Widget可以说很强大了。
最后再回过头来看看Windows Mobile 6.5 Widget,其引擎其实就是一个浏览器(我感觉),因为我看到了about:blank,在地址栏,那么既然是浏览器,那么能否支持ASP.NET的呢,我想细心的朋友应该也会想到,可惜,暂时Windows Mobile 6.5 Widget是不支持ASP.NET的,但是可以解析静态内容,而不能解析服务器端控件和代码,如果Windows Mobile 6.5 Widget支持ASP.NET的话,我想就更强大了。。
下载代码:
code.wgt (23.45 kb)
Windows Mobile 6.5
windows, mobile, widget, windows mobile widget