Windows Mobile 6.5 Widget - 使用JavaScript和CSS

发布时间: 2009/6/28 11:40:57

我们上面知道了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的话,我想就更强大了。。

赞助商