让应用更像本地应用(持续更新)
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

用网页前端技术开发wp应用,总是让人感觉非常别扭,虽然没有了浏览器的那个讨厌的地址栏,也没有网络延时带来的那种纠结,但还是让人感觉非常山寨。我们就先来对比一下webapp和本地应用到底有哪些形式上的区别:

  1. 触屏点上去,文字总是会莫名其妙的被选中
  2. 页面内容没有超出屏幕,上下还是能被拖动
  3. 第二项被解决了,但是页面被放大,还是会被拖动

说明一下,以下代码只在wp8.1的本地应用中测试生效,各种浏览器请自行测试,键人不负责任,如果回复测试结果,键人将感激不尽。

禁止选中

一行css代码解决:-ms-user-select: none;

禁止拖动

这个是需要css中的html或body:overflow: hidden;

禁止缩放

一行css代码解决:-ms-content-zooming: none;

键人有话说

  • 2014.10.19 其实以上问题在微软官方的WinJS库中都解决了,而且是手机中原生支持的。但是,如果你是一个wp用户的话,你发现所有的应用都几乎是一个尿性,对,他们都在用WinJS。为了wp的明天更美好,让我们丢掉WinJS好吗?好吧,你就需要以上解决方案了。
评论
发表评论
暂无评论
WRITTEN BY
Bolt_白衣苍狗
更多博文请登录http://bolt.h-won.com腾讯微博请@lc60005457
TA的新浪微博
PUBLISHED IN
面向wp8.1的html5/Javascript(欢迎投稿)【半途而废】

从Windows Phone 8.1开始,如果是开发普通的应用程序可以选择的应用程序模型有:C#/XAML、VB/XAML、C++/XAML和JavaScript /HTML5.

目前国内wp教程多为C#/XAML,本专栏抛砖引玉,希望能将多方学习资源整合。

让前端开发者快速入手wp开发,交流经验,而不要浪费时间在各种搜索教程上。


本专栏就设为团队专栏啦,wp开发者或初学者都可以加入本专栏。

我的收藏