-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
183 lines (181 loc) · 11.8 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>
<title>Hello H5+</title>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" charset="utf-8">
// H5 plus事件处理
function plusReady(){
var ev=document.getElementById('version');
ev&&(ev.innerText=plus.runtime.version);
plus.webview.currentWebview().show('zoom-fade-out');
// 更新分享按钮
plus.share.getServices(function(s){
for(var i in s){
shares[s[i].id]=s[i];
}
var ss=shares['weixin'];
ss&&ss.nativeClient&&(shareBts.push({title:'微信朋友圈',s:ss,x:'WXSceneTimeline'}),
shareBts.push({title:'微信好友',s:ss,x:'WXSceneSession'}));
ss=shares['sinaweibo'];
ss&&shareBts.push({title:'新浪微博',s:ss});
ss=shares['qq'];
ss&&ss.nativeClient&&shareBts.push({title:'QQ',s:ss});
('Android'===plus.os.name)&&shareBts.push({title:'更多'});
},function(e){
console.log('updateShare failed: '+JSON.stringify(e));
});
// 在流应用环境下显示“创建桌面图标”
if(navigator.userAgent.indexOf('StreamApp')>=0){
shortcut.style.display='block';
}
// 设置窗口优化隐藏
dragHide();
}
document.addEventListener("plusready",plusReady,false);
// 判断是否为流应用环境
var bStream = navigator.userAgent.indexOf('StreamApp')>=0;
// 分享应用
var shares={},shareBts=[];
function share(){
(shareBts.length>1)||('Android'!==plus.os.name&&shareBts.length>0)?plus.nativeUI.actionSheet({title:'分享"HelloH5"应用',cancel:'取消',buttons:shareBts},function(e){
(e.index>0)&&shareAction(shareBts[e.index-1]);
}):(shareBts.length>0?shareWithSystem():plus.nativeUI.alert('当前环境无法支持分享操作!'));
}
function shareAction(sb){
if(!sb.s){
shareWithSystem();
return;
}
var msg={};
msg.href=bStream?'http://m3w.cn/s/HelloH5?url=about&__streamapp':'http://www.dcloud.io/helloh5/';
msg.content='"HelloH5"使用HTML5+技术开发，如果你有流应用引擎还能省流量秒装，快来体验吧';
sb.x&&(msg.extra={scene:sb.x});
msg.thumbs=msg.pictures=['_www/icon.png'];
console.log('share '+sb.title+' : '+JSON.stringify(msg));
sb.s.authenticated?shareMessage(sb.s,msg):sb.s.authorize(function(){
shareMessage(sb.s,msg);
},function(e){
plus.nativeUI.toast('取消分享!');
});
}
function shareMessage(s,m){
s.send(m, function(){
plus.nativeUI.toast('完成分享!');
},function(e){
plus.nativeUI.toast('取消分享!');
});
}
function shareWithSystem(){
var main = plus.android.runtimeMainActivity(),
Intent = plus.android.importClass('android.content.Intent'),
File = plus.android.importClass('java.io.File'),
Uri = plus.android.importClass('android.net.Uri');
var intent=new Intent(Intent.ACTION_SEND),
p=plus.io.convertLocalFileSystemURL('_doc/icon.png'),
f=new File(p),
uri=Uri.fromFile(f);
if(f.exists()&&f.isFile()){
intent.setType('image/*');
intent.putExtra(Intent.EXTRA_STREAM,uri);
}else{
intent.setType('text/plain');
}
intent.putExtra(Intent.EXTRA_SUBJECT,'HelloH5');
intent.putExtra(Intent.EXTRA_TEXT,'"HelloH5"使用HTML5+技术开发，如果你有流应用引擎还能省流量秒装，快来体验吧('+(bStream?'http://m3w.cn/s/HelloH5?__streamapp':'http://www.dcloud.io/streamapp/')+')');
intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
main.startActivity(Intent.createChooser(intent,'分享"HelloH5"应用'));
}
function createShortcut(){
plus.navigator.createShortcut({name:'HelloH5',icon:'icon.png'});
}
function dragHide(){
var ws = plus.webview.currentWebview();
// 窗口隐藏时调整到正确位置（drag操作会修改窗口位置），否则可能导致无法调用show方法显示
ws.addEventListener('hide',function(){
ws.setStyle({left:'0px'});
},false);
// 设置拖动关闭当前窗口
ws.drag({direction:'right',moveMode:'followFinger'}, {view:plus.runtime.appid,moveMode:'silent'}, function(e){
if(e.type=='end'&&e.result){
ws.hide();
}
console.log('Drag Event: '+JSON.stringify(e));
});
}
</script>
<link rel="stylesheet" href="css/common.css" type="text/css" charset="utf-8"/>
<style type="text/css">
li {
padding: 2em;
border-bottom: 1px solid #eaeaea;
background: #fafafa;
font-size: 12px;
}
li:active {
background: #f4f4f4;
}
footer {
width: 100%;
text-align: center;
color: #c6c6c6;
font-size: 12px;
}
.ishare {
background:no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABYCAYAAAADWlKCAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMDIvMTbTM6q2AAAD8ElEQVR4nO3bS2hcZRiH8edMlJSgFVGw4kbQhRdE5U1QiaJdGduKKG5EvCAKxbqooFZXtmIUqYIFF7pQRMRQ8FaqSF2bVfLGbBTqpS6sxShSvKQYSs5xcRJJptPMN+iZ+c/J+1vmfANveIY53/kmyYqiIOho9HqAsFoEERNBxEQQMRFETAQRE0HERBAxEURMBBETQcREEDERREwEERNBxEQQMRFETAQRE0HERBAxEURMBBETQcREEDERREwEERNBxJzR6wG6ZWZmZrgoij3AFuAX4BXgdTP7o7eTrZathz+2dvf7gT3AxU2XDgCPmtmxrg91GrUP4u5bgE/XWHIQuMfM5rs00ppqfQ+ZnJwcAHa3WXY78Fj106SpdZDBwcFNwEUJS3dVPUuqWgfJsmwDab/juVXPkqq2Qdx9K/AWcF7C8kMVj5OsVtted88ot7VPAdcAGxNedqwoimcqHawDtQji7kPAZmAncBMwuHSpAL4F/qIM1PyJMA88PTw8/GWXRm2rr4O4+0ZgFNgBbG26fKQoiv15nu8dGBiYB54D7gLOBk4CR4EXzOyTbs7cjuxziLufD2wA5szsZNO1s4CbgUeAO5pe+hXwMbDPzH5deWF2dnZocXHxcuB3M/uusuH/A7kg7n4lcB9wHeW7+TDwgZl96O4AdwIPcGqIr4H3gTeUnrw7JRXE3UeACeCSFpffBM4B7m76+RHg7TzPJ0ZGRiTf9Z2QCeLum4DPgasSXzIHvAp8ZGaHKxusy5Ru6rtJi3EU2EcZ4vtKJ+oBpSD3JqyZozwI/KLqYXqltk/q/UopyDsJay4AJtz9CXdvdePve0o39Qspz5TW9U1dJgj8u+19D7i0xeU1t73AhOrDXiekggC4+xWUD4bX0/RgODY2xvj4eDwY9kLC0cktwMN0cHSydAh5GeXRieSWWTZIiuXDxaIodmRZdsrhIrAf2Jvn+YlGo/E8Zbzlw8UfgRfjcLECU1NTQ41GYzPwOHAjq4/fvwFOAFfT+vh9u5m9261Z26lFkGUrvqDaRRkg9QuqbSrfidQqyEruvg14ErgBOLPN8kNmNlb9VO0pPRj+r5buDQ8BvyUsv7XicZLVNghAURR/A3nC0uNVz5Kq1kEWFhZ+Bn5KWPpS1bOkqnWQ0dHRReBZyt3W6RwEXuvORO3VOgiAmX0GPAj80OLyAcptr8Tf9UKNd1nNpqenr82ybBy4jfLfEV6m/HeEP3s72WrrJki/qP1HVr+JIGIiiJgIIiaCiIkgYiKImAgiJoKIiSBiIoiYCCImgoiJIGIiiJgIIiaCiIkgYiKImAgiJoKIiSBiIoiYCCImgoiJIGIiiJh/AOY8KMGvlE3GAAAAAElFTkSuQmCC);
background-size:50px 44px;
}
</style>
</head>
<body>
<header id="header">
<div class="nvbt iback" onclick="back(true)"></div>
<div class="nvtt">关于</div>
<div class="nvbt ishare" onclick="share()"></div>
</header>
<div id="content" class="content">
<div class="logo">
<br/>
<img style="width:64px" src="icon.png"/><br/>
<span style="font-size: 20px;">Hello HTML5+</span><br/>
(v<span id="version">1.0.0</span>)<br/>
<!--<img style="width:100%" src="img/qr.png"/>-->
<div id="shortcut" style="display:none;" class="button" onclick="createShortcut()">创建桌面图标</div>
<br/><br/>
</div>
<p class="des" style="font-size:16px;line-height:30px;margin: 0px .5em;">HTML5中国产业联盟，简称“HTML5+ 联盟”，是为了更好的推进HTML5的商用、更好的为HTML5开发者服务而由产业链主流厂商共同组成的一个联盟。<br/>
HTML5+规范的愿景：根据开发者需求，为其提供增强的功能、性能扩展规范。方便开发者开发跨平台的app，并接近原生的功能和性能。
</p>
<br/>
<ul style="list-style:none;margin:0;padding:0;text-align:left;">
<li onclick="plus.runtime.openURL('http://weibo.com/html5plus');">
<img style="width:40px;height:40px;vertical-align:middle;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8xMy8xMySCRBYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAC/UlEQVRYhe2Y23HaQBSGP2fyDh1YqcDMnAKMK4g6iFwBpIKQCkIqMK4gdGBRwBmLDkQFgQqchz0aVmJXF5zBfvA/wxjt9dPZs/8uvnp5eeE969NbA3TpA/C1+gB8rT5fYhJVTYACGFnRFsiBpYiUbX0vFcExRziAG2AGFKq6aOt4dSkfVNUMSIAJMKUOvAFSEdk3+10MsClVnQMLvGUXkUmz3aUjCLCuIqWqE2CFW3KAnyKy+C+AqjoGUtxyJbhNEEx6A3n2in6LyNyryzlG8os/xlmbxBK7BB6Ab8AtLunzSJc9cPCeZ6paAIhIgVvqSpnfcRCgqk5UtQR+UE/yStcWkZosIgnw3QO9UdWl1S+98vQsQMuhZ+C6o+k4VCgiewOZejAz80iAdQXu9+tl1Pamsz5tcd6WcMzPCrgEFiJS2A5+sPIUWFr9iToBB8KBy8ObQPktkBr82qD8NAkCti6xLesQOCJwlUbAxGwmxeXkCkBEVsA9cOd3iNqMqk6Bp4FwfXQnInnfxkFA87iC7g2xsb85bpdWn1i/g4gEN1FMsRyct0zyiDsN1pH66vYyx3naqFG3wBn6ybkb0kkELXp/A203QNZ1PQqMtQK+NqoOwNzybjDgHPjVaPcoIlkAYAqUXdCqug5AAtx3QYYAC+o7sQZnUVnijrhKO1x08wjgGGcjzdPnACRtyx2yGR9uh8slf6K8AQcuX5+8U6EmAwjl7Ah3P4yq66hbN94uo93nspa6smOuoLoAm6EfZBENJZHysq1TCPAQKKvUZQ15qNC7Oza1PedH08r7ngXqtpGxHltOiOa5W2kRJTPFfLD0Bgzt4gXH5N7jjDcIp6orTjfVybi9AW3QFPjjD4Yz1l7ub2MkuIjfBqo3IjLtM07bZSGjvjQ7e161gdrLpYSjBj0j1wlok00MqhmFLW5pc3tO7BOKVqUdbhWiZ/hgQA90aqBtHtgG1hn5mAb97Gxc5SeEbzwH3FUtxxl9MRTqbMC30Lv/99sH4Gv17gH/ARiRUOpAHVd0AAAAAElFTkSuQmCC"/>
微博
</li>
<li onclick="plus.runtime.openURL('http://www.html5plus.org');">
<img style="width:40px;height:40px;vertical-align:middle;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8xMy8xMySCRBYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAEbUlEQVRYhc2YT2hcRRzHPzNvE82/TTbWP5DaQy021SgqmYf1DxQRqidvxYOCF+vFiyDiHxDBSxEPih4EEcRL9SJ4KHiwoNUovAlisdKiKQWNf9qkyTZN0k3e2xkP87Zu3r59+3azjfnCg/eb4Tf7YX5/ZvYJay3bWfL/Bmilwlb+mJ6e3mWt/aBqzOMCTnlSvqyUOpblI7YqxIHWTwOvWtgrhRDWWiwsCHgfeNNXKkrz25IQB1ofAj4xxox7Uorb9+yhVCphjRkFXgdeaeZ7zQEDrQeB14y1RFGENYaBgX6kEIRh6MasfVFPTz+S5t+Qg4HWB4AqILrAdxnYb62dGOzvp9DTgwDCKGJ4ZAQhJdYYFhYWitVq9R3g7paAwOdAqQtwV2WMoVgcolgsEoYhxhhGSyVGSyUqlQrlcpkwiu5K800D/Bp4gi6G3/M85ubmOX/+AoWeAvv2jvPH7CwX5+cRQlA1Bs/zjqf5pkH8BITdgqsprFZZW18nCiMKBY8wDFleWaGytgYwK6V8Pi/gGWC924BSCAqFAkIKFsuXiKKI3t5ePM8DeENNTp5J80sL8W/AKjAU25buFAxSSoyxzJw9i5QSKeVp4D1fqY+a+aQBzgJLwM11Y28DX9JZXhrgEHC4NuB53j/AC8C3vlJ/ZjmnAa7FgDUJYMZXKjWJ8yjQejIxdM5X6tM8vmk7EgELibFdnYDVaSxhLwZaX5fHMW0H14GLibEdtZdA61HgWcCjdUM3uIgcSIzPkbMQ0wAjYD4xdmMC9kiexTM07yuV65bSEGJfKWgMcbHufQW40DGaU3L9pmp2H1xM2IOB1n2+UldwgN8A47gQZoU4AvqA3UB9znUdsAgMA1d8pcqB1k8BvTFgltaBO4FjbCyU3BFoBpgskiFgoGb4Sq2TM8kDrS0bUwSgvFnAhhADY4HWf9O6WUvcTtfO8xv471QCqODSZFOAq7j2UMubIvAx7n7XE8+tNvG9HngL+Cy2hxLzl4DlzQKu4MJQO+4krufVdnY3cE/GusN17zelAC6RU83CVQOs1xHgIPAY7n9EM1ngrzp7R2K+3A5gsx1cTgEc9pVaAwi0zqpCwcYQJm/nS7hU2TRgslBuqXs/BXwI3AtM4PJuGfgZ+B74BSDQWtC4g5d9pVq1p2xAX6lqoHXDDtbN/w4cDrQu4nJxDDgHnIybeU0erorrlbvFNAWMlcyTnYHWA75SV1uEr9QScCJjjREabzLnuwU4l7APAicCrb8CjgOngdn6Qz/QuicGmgAejZ99iXWSqdMxYPJG4wH3xc9LuJv3d4HWU8AMcAfwEPAgja3lmgC2ypWdwJPxk1cRjcdoprKOrdzdvg15tFkkWYAngS9w1blZVXFpcBT3tza3Wn5+C7S+Fbgf2A8oYBLX91ppCZgGfgSmgB98pdqq4FyACdgh4DZclT4MPBDbfbiU+BXXqKdwzXzGV6rSLlTHgAlYgetzzwHPAO8CR32l2sqxVtqyL6ydatt/RN/2gP8C7X98gH7rM5EAAAAASUVORK5CYII="/>
http://www.html5plus.org
</li>
<li style="border-bottom:0px;" onclick="window.open('mailto:[email protected]');">
<img style="width:40px;height:40px;vertical-align:middle;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOS8xMy8xMySCRBYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABv0lEQVRYhe3X3XGCQBSG4ddM7k0HsQOdOQWEdGAHagWRDpIOYgViB3YgFnBmtIPYgVZgLhYCKK4sixMu+G4c2WV5Ztk/eufzmTbn6b8B99IBfdMBfdMBfdN64LOtUFUHQAAMHmjYAbGIHMsKe7d2ElUdAxHQfxgtywEIROTnssD2ij/JcKfmTYV2X4F5WQUbcJj8fmFe86ExlskeM3S2yf9RWaUqk2QOvCQN7JuQASsRGQFj4M1WsQqwD2ySxgL8kSsRmapqBCzvVbbO4oukjQVATDYEXJLHTarc4LoOLoFx8npWjveGrjiot1AvVTUSkSnVkTMgUtWdCw7q7yQTB+QMWFNzWPhsdXlkWFJ+At59cOA2ScoyUdURZuIcySbSKbkGZit7rfsA38PCFtMzMaanZhRxMQbnOqH+4gMMMQs45JAikl6LKe7jszoPqQsMgSnFcTUEvlU14PqQMcH0qjOyDrAMl4dsLGUBjkhXoA1XJc5IF6AvLo0TsiqwKVyaykgbMD1MLmgWlyZFWpcg20K9Thr5aM50lfy+HJVVsPXgnOy0++gsRCQqK7j50dSWtP67uAP6pgP6pgP6pvXAX+59ddMVCTyHAAAAAElFTkSuQmCC"/>
HTML5+规范不够用或有问题？请联系我们
</li>
</ul>
<br/>
<footer>
<span>Powered By DCloud</span>
<br/>
<span>HTML5+规范版权所有HTML5中国产业联盟</span>
<br/>
<!--<span>Copyright ©2012-2015</span>
<br/>
<span>数字天堂（北京）网络技术有限公司</span>-->
</footer>
</div>
</body>
<script type="text/javascript" src="js/immersed.js" ></script>
</html>