将网站添加到iPhone的主屏幕上】的更多相关文章

我之前有篇文章介绍过如何将网站固定到Windows的开始菜单,并可以自定义图标.颜色以及Windows推送通知,其实Apple也有类似的功能,通过在网页的head部分添加link标记,在Safari浏览器中我们可以轻易地将网站添加到iPhone的主屏幕,使它看起来就像一个普通的app一样. 要实现该功能很简单,只需要在你网站的根目录下放一张名为"apple-touch-icon.png"的图片即可,像添加favicon一样(将名为"favicon.ico"的图标放在…
在ios中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的web页面看起来像native那样 第一步: 第二步: 第三步: 到这里还没结束:我们还要进行相关设置才能使我们的应用更像原生的app 自定义图标和app名称 在你的index.htm里面加上如下代码 <!-- 自定义应用名称 --> <meta name="application-name" content="百度一下"> <!-- 自定义图标 --> &…
1.webkit内核中的一些私有的meta标签,这些 meta标签在开发webapp时起到非常重要的作用 (1)<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" /> (2)<meta content="yes" name="apple-mobile-web-…
iPhone 收藏网址[添加到书签] 和 [添加到主屏幕] 显示自定义图标,而不是网页截图: <!-- Safari浏览器[添加到书签] --> <link rel="shortcut icon" href="static/my/img/favicon.ico"> <!-- Safari浏览器[添加到主屏幕] --> <link rel="apple-touch-icon" href="stat…
虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的. 既然是在iOS中的Safari折腾的,那么代码中利用到的也基本上都是Safari的私有属性. 添加图标到主屏幕是Web App的第一步: <link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon-57.png"> &l…
请注意!!!使用了[全屏模式之后].页面的顶部会空出一大块.而且这并不属于margin,padding,或者定位.就是单纯的空出来非常难调试.其实坑就是这里 在 iPhone「添加到主屏幕」时显示自定义图标 测试资源下载:https://github.com/dragon8github/mobile-boilerplate/tree/master/img/touch <!doctype html> <html> <head> <meta charset="…
原文 http://www.cnblogs.com/coolkiss/archive/2013/09/18/3328854.html 经过google加各种百度,终于找到了一个有效的解决方案,下面是两个主要类,方便后人使用 1. Win32 API, 需要添加其它内容可以到这个网站从查找对应的c#实现 public class WinApi { ; ; public enum DEVMODE_SETTINGS { ENUM_CURRENT_SETTINGS = (-), ENUM_REGISTR…
原文链接:Adding Pages to Your Site 注:内容为官方文档翻译,本人遇到的page中间是布局,而非官网的body--但此内容可以在内容定义里自行修改(本文不做介绍) 在创建Orchard网站后,你可以添加页面来承载你的内容. 本文将介绍怎么创建一个新的网页,以及如何使用Orchard中的富文本编辑器添加内容并发布到你的网站. 创建新页面 在控制面板中,点击 Content 菜单下的 Create Page. Create Page 设置页面将如下显示: 点击 New Pag…
首先看一张比较简单明了的 iPhone 6 与 iPhone 6 Plus 对比图,来自 PaintCode 的<The Ultimate Guide To iPhone Resolutions>: iPhone 6 Plus 要比 iPhone 6 的屏幕宽 39 Point,分辨率更是高出不少,因为 iPhone 6 Plus 是按 3x 来渲染的,也就是说 1point=3pixes.用以下代码测试: ? 1 2 3 4 5 UIScreen *mainScreen = [UIScree…
1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480 @2x 640x…