您所在的位置： &
怎样在iOS Safari内开发类似Native App的WebApp
怎样在iOS Safari内开发类似Native App的WebApp
本文作者将向您展开讲讲如何在iOS中的Safari内开发出一款类似native app一样的全屏WebApp，今天我们讲的是iOS，当然聊点新的media query 技术，看招！
&meta name=&format-detection& content=&telephone=no email=no& /&
1.在meta中取消电话邮箱的识别。
&name=&apple-touch-fullscreen&&content=&yes&&&
2.据说是全屏，但是实际ios7.1无效果，查看了百度的大网站的web站点，都已经移除。
3.现在开始讲我们要用到核心的东西。
3.1首先说的是
&name=&apple-mobile-web-app-capable&&content=&yes&&
这是让我们添加应用之后，在桌面打开图标的时候可以全屏显示，但是上面的顶部工具栏上会一块黑色区域。如何解决？
&name=&apple-mobile-web-app-status-bar-style&&content=&black-translucent&&
black-translucent的作用是顶部工具栏，背景透明，字体颜色为白色，当让也有black和white选项，百度是设置为white，我测试中会发现其顶部还是一块黑色，和难看，我测试的版本是iPhone ios7.1版本。
3.3当然上面这些操作可能不是每个人都会去保存下来去做的，如果保存，请记得使用html5的缓冲技术，这个下次再扯，还有保存中用到的图片呢？
&rel=&apple-touch-icon-precomposed&&href=&/static/img/webapp/img/icon_114.png&&
如果你想做的更加适配性大，可以添加size=&114*114&这样，这里大家要注意我用的是
apple-touch-icon-precomposed&
apple-touch-icon&
就是的ios7.0之前生成的icon会自己带有一个阴影，所以请注意。&
3.4，那用户第一次游览这个网页（web app）中如何做的跟个native app类似呢？
&name=&viewport&&content=&width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui&&
前面部分是对屏幕大小的控制，最主要的是后面
minimal-ui&
还有，切记，不要分开content的内容，多个meta使用，会有点小问题，读者自己可以测试。
4.接下来我们聊得是media query技术，很多同学做适配的使用用到比如
&rel=&stylesheet&&media=&screen&and&(orientation:portrait)&and&(min-width:960px)&&href=&style.css&&&
对于这个，我觉得可以看下bootstrap和appcan等做他们的解决方案，做的很成熟了。&
今天我们讲的是ios，当然聊点新的media query 技术，看招：
&@media&(-webkit-min-device-pixl-ratio:&1){&//css代码&}&&&&@media&(-webkit-min-device-pixl-ratio:&1.5){&//css代码&}&&&&@media&(-webkit-min-device-pixl-ratio:&2){&//css代码&}
window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent&pixels&(dips))的比例。&公式表示就是：window.devicePixelRatio&=&物理像素&/&dips&
举个例子iphone4/4s，他的宽度是320，但是他的分辨率中的宽已经是640，所以是&@media (-webkit-min-device-pixl-ratio: 2)
5.接下来是个题外话，个人看到别人写的，没有测试。
&&name=&screen-orientation&&content=&portrait&&&&name=&x5-orientation&&content=&portrait&&&&name=&full-screen&&content=&yes&&&&name=&x5-fullscreen&&content=&true&&&&name=&browsermode&&content=&application&&&&name=&x5-page-mode&&content=&app&&
ok，东西讲完了。【编辑推荐】【责任编辑： TEL：（010）】
关于&&&&的更多文章
如果你是一名有经验的开发者并对开发以数据为中心的iPhone和iPad
既然强大的Android Studio来了，有什么理由不去用呢？
讲师： 24人学习过讲师： 68人学习过讲师： 133人学习过
Docker是一个轻量级虚拟机，也是一种Linux容器，它突
苹果在2014WWDC上发布的新编程语言Swift相信牵动着大
在Android应用程序中，可以配置Activity以四种方式来
本书重点介绍了主流ARM应用系统的开发与实践。全书基于目前较为通用、流行的ARM处理器，介绍了其原理、硬件结构、硬件电路设计与
Windows Phone专家
Android开发专家
51CTO旗下网站3474人阅读
web config里的配置文件，如：
&appSettings&
&&& &add key=&SiteURL& value=&& /&
&&& &add key=&WebURL& value=&& /&
& &/appSettings&
在cs页面里读取：
首先添加对System.Configuration.dll 文件的引用&
private string siteUrl = ConfigurationManager.AppSettings[&SiteURL&];
有时用ConfigurationSettings.AppSettings也可以取配置文件appSettings节的内容，区别：&
在.net&1.0版本中,使用ConfigurationSettings类来读取配置文件(web/app.config)；
而在.net&2.0中，使用ConfigurationManager类来读取配置文件;
&在aspx页面前台调用时：
Var SiteURL=&%siteUrl%&
connectionStrings里面的文件的读取方式如下：
&connectionStrings&
&&& &!--&add name=&LogDBConn& connectionString=&Data Source=11.192.241.151;Initial Catalog=MOSS_LUser ID=Password=Password01!&/&--&
&&& &add name=&LogDBConn& connectionString=&Data Source=moss2007;Integrated Security=TInitial Catalog=MOSS_Log& /&
& &/connectionStrings&
在页面读取：string strLogDBConn = System.Web.Configuration.WebConfigurationManager.ConnectionStrings[&LogDBConn&].ToString();
版权声明：本文为博主原创文章，未经博主允许不得转载。
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：124138次
积分：1849
积分：1849
排名：第11829名
原创：50篇
转载：64篇
评论：23条
(1)(4)(7)(1)(3)(5)(10)(8)(1)(6)(10)(1)(7)(8)(8)(21)(7)(1)(6)公考,家教,作文,写作,答案,中考,高考,语文,英语,培训,教师,律师,秘书,文秘,作业,辅导
&>&&>&百度手机浏览器2.0 ：另一扇WebAPP窗口
百度手机浏览器2.0 ：另一扇WebAPP窗口_1600字
&当你打开百度手机浏览器2.0之时，你会发现一些&笨重&的程序，早就该下课了&
就在一分钟前，笔者刚试玩了一下朋友新推荐的手机游戏电光波波球，绚丽的画面和耐玩的规则让这款游戏变得很吸引人，和玩别的游戏不同的是，笔者并没有在手机里&下载&&安装&这款游戏，我只是用百度手机浏览器2.0点开了&一张网页&。整个过程非常流畅，和打开一个网页的耗时差不多，也就2秒不到的时间。
这是一个神奇的过程，和笔者曾经使用过的别的手机浏览器不同，百度手机浏览器2.0最让人着迷的地方在于其缩短了我们接触手机应用的距离。从老婆查阅菜谱时常用的百度文库，到笔者常用于同步保存文档的百度网盘，在百度手机浏览器2.0中都被缩短到一个个有趣、易懂的图标之中，无需频繁的输入用于登录网址，仅仅动一下手指这扇直达应用的门就被打开&&
一个图标下万千世界
&无论从哪个角度上看，它都不像一款会依靠收购UC而成长的产品，因为它真是太棒了&
有人说目前国内手机浏览器的现状就是：同质化严重、亮点不突出、缺乏吸引用户的产品，但百度手机浏览器的迅速崛起，却仿佛在告诉人们或许这一切正在被改变。黑马并非偶然，在百度手机浏览器2.0你可以更加全然地看清这款浏览器的奇妙之处。
就像是百度手机浏览器2.0中新增精彩应用中心里的那一个个有意思，并且推陈出新的&图标&。这些每一个看似简单的图标背后，无疑都展示出百度手机浏览器2.0的另一种心态&&连接WebAPP。实际上，百度自身就有用很多各式各样的&WebAPP&，这就像是刚刚提到的百度网盘。在百度手机浏览器
2.0中，我可以轻松的将其&添加&到首页。由于打通了这款应用的&通道&，笔者甚至连用户名和密码都不需要再次输入，因为一旦在百度手机浏览器2.0登录百度帐号，通往百度应用的各个通道就已经被打通。
更有意思的是，如果你用百度手机浏览器2.0访问百度网盘或者百度文库，还会得到百度的特别优待。比如用百度网盘时，会得到一个15GB的超大免费云端空间，而访问百度文库更是待遇甚高，文库中所有文档下载都不需要付费。
当然百度还有另一些有趣的&WebAPP&。比如因欧洲杯而诞生的内容专题应用、淘打折应用、刚才笔者玩的电光波波球游戏，甚至实用的云记账本&&
账族。要是你留意过百度的&框战略&，或许你可以多半可以联想到那些一个个浓缩在&框&中数以十万计的WebAPP，转换它们到手机之上，或许已经成为百度手机浏览器2.0使命的一部分。
在上面 &搜&出整个世界
在把玩百度手机浏览器2.0时，全面升级的搜索引擎会令人印象深刻。不同于大多数手机浏览器中搜索图片、网页单调的选项，在百度手机浏览器2.0
中，你可以从搜网页到搜新闻、搜图片、搜mp3、搜地图，再到搜知道等9个互联网中最为重要的网络元素。对于现有互联网来说，在百度手机浏览器2.0你能搜到&整个互联网世界&。
百度不遗余力地在百度手机浏览器2.0中，优化自己的拳头产品搜索。在和其他产品拉开差距，筑起技术壁垒之余，其通过百度手机浏览器2.0敲开世界的野心，也随之展现出来。让手机搜索变得和PC一样易用全面，这种思维一直贯穿在百度手机浏览器2.0之中。
手机浏览器之争 已过渡为服务之争
在没有各家百度、金山、腾讯等互联网巨头介入之时，手机浏览器一度还技术壁垒高，而成为互联网领域一块&少战的战场&。但随着各家厂商的纷纷发力，以及移动互联网应用的爆发，原本用技术壁垒构架出的&宁静之地&如今已战火四起，技术已经很难成为单纯区分一款手机浏览器好坏的唯一因素。这股争斗之势，开始向四周蔓延，并逐渐演进到内容和服务之争上。在体验百度手机浏览器2.0时，你可以明显感受到作为先驱者其已经在这块&高地&上全面推进。
无论是图标化WebAPP，还是引入包括自己核心应用在内的大量应用，百度手机浏览器2.0都在试图展示另一个不一样手机浏览器。它不仅仅在是一个单纯的手机登录网页的窗口，更是一个进入未来WebAPP世界的另一扇窗口。
注：本文由站长之家专栏作者康斯坦丁供稿，如需转载，请注明出处。
GIF动画制作工具功能：
1、将桌面活动图像录制成GIF动画，或者用数张图片合成GIF动画，也可以手工绘制，绘制过程还可以录制成书写效果的动画;
2、分解或打开GIF动画，并可进行修改保存;
3、录制的动画还可保存为清晰度高的avi视频格式。
一、录制动画
要把桌面活动图像录制成动画，直接在录制面板
第一步：画一个圆
启动Fireworks- 将背景调成 黑色 ，在画布中画一个圆。 第二步：添加辐射渐变
像圆内添加渐变,渐变的方式选为 放射状 ，颜色填充值为#000000- #FFFFFF。同时设置透明度为55%。 第三步：改变图像混合模式：叠加
现在我们把刚才画好的那个圆复制一个副本，并且将它
在数字媒体领域有大量的 异花传粉 品牌商也喜欢互相帮忙。他们之所以这样做，是因为他们都希望成功。例如，社交媒体平台的成功就是要吸引大量的用户。像这些用户一样，消费者品牌同样也有能力识别一个好的在线产品或一项好的在线服务的潜在价值。因此，他们创建了Facebook页面、 Twitter资讯以及丰富的Y
如果黑暗是音乐的形体 朋友们约我谈音乐与色彩的关系，有点赶鸭子上架，因为我自忖是个 乐盲 ――此时忽觉这个词格外有趣，为什么不说 乐聋 呢？构造法似乎也暗示着 看 的优先性，更准确地说，是人的生活状态对 看 的更深的依赖感。但我在懒散中忽然读到张爱玲的《谈音乐》，有段文字触动了我： 气味总是暂时，偶
我们都知道敦煌石窟在中国，但它的声名却远播世界。它的辉煌过去再为人所知，竟起于19XX年一次传奇性的发现——敦煌莫高窟藏经洞的发现，举世震惊，吸引了世界的目光，但时逢晚清国势衰微，列强横行，藏经洞文物惨遭浩劫，其结果是发现的数万件文物流散异国他乡，写下中国文化史上最伤心的一章。待到国人惊魂甫定，回
当你打开百度手机浏览器2.0之时，你会发现一些 笨重 的程序，早就该下课了 就在一分钟前，笔者刚试玩了一下朋友新推荐的手机游戏电光波波球，绚丽的画面和耐玩的规则让这款游戏变得很吸引人，和玩别的游戏不同的是，笔者并没有在手机里 下载 安装 这款游戏，我只是用百度手机浏览器2.0点开了 一张网页 。整
如果现在比较专业的商城，估计凡客算是其中之一了，像当当及京东都变得啥都有了。看到凡客那么多照片，我就在想一件事，究竟得请多少人去拍照片，整理照片，还要有多少模特，不愧是大公司。今天我们进入凡客的丝袜频道(/)，相信许多男生喜欢这里。在这里，我们可
【书村网整合-预备党员思想汇报2013年7月：学习廉洁从政】书村网思想汇报频道为大家整理的预备党员思想汇报2013年7月：学习廉洁从政，供大家参考:) 贯彻实施《中国共 产 党党员领导干部廉洁从政若干准则》电视电话会议后，县公安局及时召开党委扩大会议，组织学习《领导干部廉洁从政若干准则》，传达“2
祝朋友节日快乐的话生日快乐祝福语：亲爱的，生日快乐，我爱你到最后一秒也不委屈。
我会陪你度过每一次的难关，聆听你每一次的苦闷，分享你以后人生中的每一次喜悦，我愿意陪你一辈子。生日快乐，我爱你!
老公，祝你永远爱你的老婆
“等到老去那一天，你是否还在我身边?”
一直觉得，水木年华的这首歌，是一定要给
自从苹果收购Chomp后，该公司应用搜索业务持续升温。上个月搜索引擎Quixey在B轮融资2000万美元。就在今天更年轻的创业公司 AppHero为其AppHero应用筹集了多达180万美元的资金。其中130万美元来自于OMERSVentures，Golden Venture Partners和EN
安装过程如下：
1. 用WinPE U盘启动盘进入电脑。
2. 格式化C盘，C盘一定要是激活状态(活动状态)。
3. 把Win8的ISO文件提取到D:/win8下
4. 从提取的文件中拷备：bootmgr boot(整个文件夹) sources/boot.wim(在C盘下目录结构一致) 到C盘
本文由()首发，转载请保留网址和出处！
免费下载文档：当前访客身份：游客 [
当前位置：
基本确定使用nosql，数据写入不是很频繁，而且写数据比较分散，数据读很频繁，但是不是很集中，基本上每次只读一部分
共有8个答案
<span class="a_vote_num" id="a_vote_num_
mongodb怎么样？要是担心读压力，可以做个缓存。
<span class="a_vote_num" id="a_vote_num_
mongodb也需要慎用，这些nosql产品都是有tradeoff的，如果你的web业务需要强一致性数据和事务支持，一般不要选用了。另外mongodb的查询效率在不少场景下也表现得比较慢，典型的是or的逻辑明显慢，mongodb的数据模型太松散了，dev爽到hi，运行效率却不是那么理想，也许是我们用得不好，但愿！
<span class="a_vote_num" id="a_vote_num_
非关系型数据库
<span class="a_vote_num" id="a_vote_num_
mysql可以的 反正是免费的
作诗一首 呵呵
<span class="a_vote_num" id="a_vote_num_
<span class="a_vote_num" id="a_vote_num_
就用mongodb吧
<span class="a_vote_num" id="a_vote_num_
web一般不都读多写少么？
<span class="a_vote_num" id="a_vote_num_
web一般不都读多写少么？&
更多开发者职位上
有什么技术问题吗？
熊迪的其他问题
类似的话题