IE9网站模式 技术白皮书

news/2024/5/8 19:24:30/文章来源:https://blog.csdn.net/weixin_30892763/article/details/99533068

微软最近发布了“IE 9网站模式技术白皮书”,给大家参考一下吧

也可以下载附件:IE9_固定网站_技术白皮书.rar

************************************************************************


IE9固定网站功能简介

简单来说,IE9固定网站(Pinned Website)就是通过几行HTML代码(<meta>标签),将网站应用访问方式提升为Windows客户端应用访问方式,增强用户体验,提升网站品牌标识度,并大幅提高用户使用粘性。

image
实现代码示例:

<meta name="msapplication-task" content="name=我要付款;action-uri=https://abc.com/;icon-uri=https://imgabc.com/abc.ico " />

image

 

为什么使用固定网站?

1. 全面提升用户使用体验。通过整合用户体验,用户可以通过鼠标a.左键快速打开网站b.右键弹出网站应用列表c.获得网站更新通知提示

image

2. 提升网站品牌认知度。IE9可实现让站点变成Windows 7的一个应用程序固定在任务栏,用户可快速通过任务栏图标快速访问目标站点。锁定的站点会具备统一颜色的IE9界面,进一步增强网站品牌形象。

image

3. 大幅提高网站访问及用户停留时间。通过IE9网站模式,用户对网站的访问频率及单用户停留时间显著增加,页面跳出率明显降低。

a. hi5(http://hi5.com) 社交网站。通过网站分析显示,IE9网站模式用户,页面访问数量(discoverability) +15%,活动信息(new friends, game invites, messages)请求 +200%

b. Flixster(http://www.flixster.com/) 电影社交网站。通过网站分析显示,IE9网站模式用户相比其它浏览器用户,页面访问(PV) +34%,平均停留时间 +57%

c. Business Insider(http://www.businessinsider.com/) 商业评论类网站。通过网站分析显示,IE9网站模式用户相比其它浏览器用户,页面访问(PV) +95%,平均停留时间 +57%

d. Huffington Post(http://www.huffingtonpost.com/) 新闻类网站。通过网站分析显示,IE9网站模式用户相比其它浏览器用户,页面访问(PV) +11%,跳出率(bounce rate) -14%,平均停留时间 +49%

实现方法代码示例

1. 高清图标引用

IE9全面支持64X64的高清图标显示,通过引用高清图标,最终用户将获得和应用程序一致的快速启动图标标识。美团网使用高清图标前后对比:

imageimage

引用高清图标代码示例:
<link rel="icon" href="/favicon.ico?v=3" type="image/x-icon" />

高清图标在线制作及预览工具X-icon Editor http://www.xiconeditor.com/

2. 实现快速跳转列表

通过IE9实现快速跳转列表,最终用户可以快速访问网站相关频道,获取相关资讯。

快速跳转列表实现代码示例及各字段含义:

<meta name="msapplication-task" content="name=ABC;action-uri=https://abc.com/;icon-uri=https://imgabc.com/abc.ico" />

image

3. 自定义图标覆盖

覆盖图标是一个小型的 16x16 像素的图形,它显示在任务栏按钮图标的顶部。通过自定义图标覆盖可以提示用户注意网站更新信息。

例如:新浪微博使用网站模式,通过自定义图标覆盖提示有新微博通知。

image

显示自定义覆盖图标代码示例:

window.external.msSiteModeSetIconOverlay('http://host/images/overlay1.ico', 'Overlay 1');

移除自定义覆盖图标代码示例:

window.external.msSiteModeClearIconOverlay();

开发参考(MSDN)

固定网站开发人员文档

了解开发人员如何实现 Windows Internet Explorer 9 的固定网站功能以将自己的网站与 Windows 7 桌面集成。 这些方案将引导您完成将网站元数据、自定义跳转列表、通知图标和缩略图预览工具栏控件添加到您开发的网站的过程。

http://msdn.microsoft.com/zh-cn/library/gg491731(v=VS.85).aspx

技术博客文章

  • General Introduction, Internet Explorer 9 and Pinned Sites, http://windowsteamblog.com/windows/b/developers/archive/2010/10/25/internet-explorer-9-and-pinned-sites.aspx
  • How to enable IE9 pinning and JumpLists on your website, http://blogs.msdn.com/b/thebeebs/archive/2010/09/16/how-to-add-ie9-beta-pinning-to-you-website.aspx
  • 如何让你的网站支持 IE9 网站模式 (Part 1 - 理论), http://www.cnblogs.com/cathsfz/archive/2010/11/16/1878816.html
  • 如何让你的网站支持 IE9 网站模式 (Part 2 - 实战), http://www.cnblogs.com/cathsfz/archive/2010/11/17/1878851.html
  • 迎接IE9 - Pinned Sites的个性化, http://newkadbbz.spaces.live.com/blog/cns!B9B9D1C8892F9662!751.entry
  • IE9 新功能探索:网站模式(Pinning)与跳转列表 (Jump Lists) , http://blog.miniasp.com/post/2010/09/21/IE9-Pinning-and-JumpLists-on-your-website.aspx

转载于:https://www.cnblogs.com/chenxizhang/archive/2011/05/04/2036092.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_750577.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站设计常用技巧收集

------------------------------------------- 一般不会注意的地方 --------------------------------------------------------------------------------- 1.不管是IE那个版本都规定为IE8使用 <meta http-equiv"X-UA-Compatible" content"IE8"/> 2.…

Java开发必知道的国外10大网站

1、https://www.google.com/ 不解释 2、https://stackoverflow.com 里面包含各种开发遇到的问题及答案&#xff0c;质量比较高。 3、https://github.com/ 免费的开源代码托管网站&#xff0c;包括了许多开源的项目及示例项目等。 4、https://dzone.com/ 提供技术新闻、编程教…

最全资料整理, 教你如何用HEXO搭建十分cool的属于自己的网站

…足足部署了4天, bug层出不穷啊, 各种改, 现附上自己博客地址和效果图. 我的网站—-liuzhixuan360.com 效果图: 网站优化还没做, 可能加载时间稍微长一点. 正文 下面我简单概述一下, 这个博客搭建的过程以及原理. 在大体上博客的整体搭建总共可以分3个部分. 一. HEXO框…

利用Performance API分析网站性能

performance window.performance.timing对象包含了完整的网页加载性能数据, 下面详细介绍如何通过对象各个属性获取页面加载期间各个阶段的性能 页面加载的第一个时间点是navigationStart, 表示上一个页面的unload事件触发, 接下来的事件点是fetchStart, 表示开始获取当前页面…

深圳全网营销公司浅谈网站优化的技巧

深圳网站优化是如何做好内部优化的呢&#xff1f;要知道再美观的房子&#xff0c;也需求内部的装修&#xff0c;在美观的美女&#xff0c;也需求内涵&#xff0c;网站排名再好&#xff0c;也一样的需求内部优化&#xff0c;要知道对网站进行内部优化的方式有许多&#xff0c;终…

等保2.0来了 | 网站被黑,还要被处罚,为什么背锅的总是我?

2019独角兽企业重金招聘Python工程师标准>>> “净网2019”专项行动开展以来&#xff0c;四川公安网安部门查处了一批不履行网络安全管理义务的网络运营者&#xff0c;其中包括不履行网络安全保护义务的高校、政府机关、企业和单位均受到了处罚&#xff01; ▶ 宜宾学…

网站架构结构的变迁史

前些天看到一篇不错的文章[1]&#xff0c;讲的是网站架构的发展历史&#xff0c;这种综述的文章往往很难得&#xff0c;这里进行一个简化诉述和我个人的解读&#xff0c;详细的信息可以参看Ref的连接。首先&#xff0c;我先给一个通俗的理解&#xff0c;网站架构发展的驱动力是…

网站配置https

https证书有四种&#xff0c;这里我们只介绍最简单并且免费的&#xff0c;域名证书。 写这篇文章的原因很简单&#xff0c;上一篇文末我说要使用WebRTC进行屏幕录制或者是远程桌面分享&#xff0c;必须要使用https&#xff0c;可能有很多人还不太会配置https&#xff0c;今天就…

浅谈大型网站之负载均衡架构

概念 负载均衡&#xff0c;英文名称为Load Balance&#xff0c;其意思就是分摊到多个操作单元上进行执行&#xff0c;例如Web服务器、FTP服务器、企业关键应用服务器和其它关键任务服务器等&#xff0c;从而共同完成工作任务。 负载均衡建立在现有网络结构之上&#xff0c;它提…

整合营销系统推荐乐云seo_seo公司

seo公司  网下推广&#xff1a;借助线下的平面媒体&#xff1a;名片、标志、彩页等一些列的传统媒体进行网站的推广。【篇二】网络营销策划方案  一、网站分析  1、网站流量分析  安装一套流量统计系统&#xff0c;可以清晰的判断网站目前所有营销手段的效果&#xff0…

生成静态html文件_2019年最流行的静态网站生成器有哪些?

静态站点生成器变得越来越流行。下面解释一下我们所说的“静态站点生成器”到底是什么。静态站点生成器是介于手工编码的静态站点和 CMS 之间&#xff0c;同时保留两者优点的折中解决方案。本质上&#xff0c;你会使用类似 CMS 模版的概念生成静态 HTML 站点。内容可能会是从数…

撑起12306网站,全靠这个世界第一的缓存框架!

提起业务量&#xff0c;除了京东618&#xff0c;淘宝双11&#xff0c;当数全民抢票平台 12306最有发言权。后台有位粉丝问了个很典型的问题&#xff0c;同样是架设在阿里云上的服务器&#xff0c;为什么12306经常会宕机&#xff0c;而双11阿里每秒钟50多万笔订单&#xff0c;都…

ASP.NET 4中的SEO改进

ASP.NET 4包括了一系列新的运行时特性&#xff0c;可以帮助你进一步优化你的网站。其中一些新特性可以用来进行SEO优化以提高网站在搜索引擎中的排名和权重&#xff0c;这些特性包括&#xff1a; 新的Page.MetaKeywords 和 Page.MetaDescription 属性 针对ASP.NET Web Forms的新…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…

从LiveJournal后台发展看大规模网站性能优化方法

因近期打算对公司应用架构进行调整, 其中的一些思路值得借鉴. 以下为转载内容: 一、LiveJournal发展历程 LiveJournal是99年始于校园中的项目&#xff0c;几个人出于爱好做了这样一个应用&#xff0c;以实现以下功能&#xff1a; 博客&#xff0c;论坛社会性网络&#xff0…

23个精美的的国外网站设计作品推荐欣赏

如果一个网站的内容不是很多而且将来内容也不怎么增加的话&#xff0c;那么制作成单页&#xff08;Single Page Websites&#xff09;的形式是很好的选择。这种只有一个页面的网站形式&#xff0c;曾经非常流行&#xff0c;现在依然有很多人喜欢。如果你也想做一个这样的网站&a…

01火山PC开发网站-我的第一个网页程序

大家好&#xff0c;我是你们的老师利快云&#xff0c;后续我们将会持续性的更新火山PC开发网站的文章&#xff0c;欢迎大家持续性的关注~ PS&#xff1a;文章正式开始~ 首先我们新建一个火山PCMFC窗口项目&#xff0c;并添加我们所安装的模块&#xff0c;如下图&#xff1a; …

Spring Boot + Vue 音乐网站开源项目,前后端分离,拿来练手真不错!

点击关注公众号&#xff0c;Java干货及时送达参考&#xff1a;github.com/Yin-Hongwei/music-website项目说明本音乐网站的客户端和管理端使用 VUE 框架来实现&#xff0c;服务端使用 Spring Boot MyBatis 来实现&#xff0c;数据库使用了 MySQL。项目功能音乐播放用户登录注册…

火山PC炫彩+html解析网站

火山PC炫彩列表html解析网站 本文作者:灰羊羊 一、火山调用的模块 1.炫彩界面库 2.html解析工具类 3.火山模块 二、正文开始&#xff0c;首先创建火山的项目 创建一个火山的空窗口项目&#xff0c;此处我们使用炫彩的界面&#xff0c;创建成员&#xff0c;最后返回要为0&#…

Android学习资料整理:流行框架网站书籍推荐---博客推荐

| 图片加载 | Glide | 可播放gif&#xff0c;谷歌推荐的图片加载 | | 图片加载 | Fresco | 可播放gif&#xff0c;流畅性最好的加载框架&#xff0c;Facebook 出品 | | 图片加载 | Picasso | squre inc.开源的图片加载框架。 | | 图片处理 | Picasso—transformations | 图片处…