Web开发者助手 FeHelper

在iOS6下开发webapp，使用inputz之file，很有用

<input type="file" accept="image/*" capture="camera"> 
<input type="file" accept="video/*" capture="camcorder"> 
<input type="file" accept="audio/*" capture="microphone">

capture表示，可以捕获到系统默认的设备，比如：camera--照相机；camcorder--摄像机；microphone--录音。

accept表示，直接打开系统文件目录。

其实html5的input:file标签还支持一个multiple属性，表示可以支持多选，如：

<input type="file" accept="image/*" multiple>

加上这个multiple后，capture就没啥用了，因为multiple是专门yong用来支持多选的。

接前一篇文章，这里有个Demo：http://www.baidufe.com/demo/notification.html

贴几段关键代码，需要的可以直接拿走。

1、W3C标准的Notification

/**
 * 显示notification，by Notification
 * @return {[type]}
 */
var _showNotificationByW3C = function(){
    window.indexForNotify = window.indexForNotify ? ++window.indexForNotify : 1;
    var notify = new Notification(
            "Alien: " + (new Date()).toUTCString(),
            {
                iconUrl : Session.staticDomain + "/img/alien20.jpg",
                tag : 'tag_by_alien',
                body : "你好，这个是通过Notification来创建的，这的名字叫：Demo"
                        + window.indexForNotify + "，"
                        + "你可以通过它来做一些很炫的桌面提醒应用！这个API还很不成熟，"
                        + "连个icon都显示不出来！！！它哭着对我说，API都是骗人的！"
            });
    notify.onerror = function(event){
        console.log("error事件被触发:",event);
    };
    notify.onshow = function(event){
        console.log("show事件被触发:",event);
    };
    notify.ondisplay = function(event){
        console.log("display事件被触发:",event);
    };
    notify.onclick = function(event){
        console.log("click事件被触发:",event);
        notify.cancel();
    };
    notify.onclose = function(event){
        console.log("close事件被触发:",event);
    };
    notify.show();
};