解决网站部分用户访问browserconfig.xml文件返回404的问题
来源:互联网 发布:java开发人员培训机构 编辑:程序博客网 时间:2024/04/27 13:34
问题描述
部分用户访问网站时,检测日志出现url(http://www.xxx.cn/browserconfig.xml)这个返回404.网上一搜才知道,这是ie11的磁贴(https://msdn.microsoft.com/library/dn455106(v=vs.85).aspx)配置文件。当用户固定站点时,IE11 会查找名为 browserconfig.xml 的包含独立通知文件(磁贴架构文件)的 URL 的文件,并让 Windows 以指定的时间间隔获取该文件。因为我们网站没有配置所以,部分固定了站点的用户访问网站时,ie11获取不到磁贴配置文件,所以返回了404.
解决办法
1、很简单,那就是配置browserconfig.xml文件,并放到站点根目录下,并且通过页面 <head> 部分中的图元元素<meta name="msapplication-config" content="browserconfig.xml" />指向这个文件。在这里注意改配置文件名称要用默认的browserconfig,不然IE仍然找不到。 2、如何配置?https://msdn.microsoft.com/library/dn455106(v=vs.85).aspx ,官方文档介绍了三种方法配置。分别是(http://samples.msdn.microsoft.com/iedevcenter/PinnedSites/default.html): 直接在heade里通过定义元数据的方式(http://www.buildmypinnedsite.com/) 第二是通过配置xml的方式(这种方式最好,尤其要做动态网站的) 第三种是通过js来调用动态磁贴架构文件
注意事项
虽然对着官方文档配置很简单,但是还是有一些小问题要注意的。
- header里面通过meta定义的元数据名称一定要是ie11默认的名称。
由于ie磁贴只是针对win8,win8.1,win10用户,所以在配置完测试的时候还是有些坑的。用windows默认IE打开网址。
成功后的图片
网站元数据
推荐阅读 http://blog.csdn.net/freshlover/article/details/25322839
http://www.haorooms.com/post/html_meta_ds
移动端viewport标签
<meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = float_value , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] " />
含义如下:
width
控制 viewport 的大小,可以指定的一个值或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height
和 width 相对应,指定视窗的高度。
target-densitydpi
一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。一个低像素密度的屏幕每英寸上的像素点更少,而一个高像素密度的屏幕每英寸上的像素点更多。Android Browser和WebView默认屏幕为中像素密度。
下面是 target-densitydpi 属性的 取值范围
device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大, 像素密度设备相应缩小。 这是默认的target density.low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。<value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放,你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了,页面将不会缩放。相反,页面会根据当前屏幕的像素密度进行展示。在这种情形下,你还需要将viewport的width定义为与设备的width匹配,这样你的页面就可以和屏幕相适应。
initial-scale
初始缩放。即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为“1.0”,那么,web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”,那么这个页面就会放大为2倍。
maximum-scale
最大缩放。即允许的最大缩放程度。这也是一个浮点值,用以指出页面大小与屏幕大小相比的最大乘数。例如,如果你将这个值设置为“2.0”,那么这个页面与target size相比,最多能放大2倍。
user-scalable
用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变,反之为no。默认值是yes。如果你将其设置为no,那么minimum-scale 和 maximum-scale都将被忽略,因为根本不可能缩放。
所有的缩放值都必须在0.01–10的范围之内。
例:
(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,user-scalable=no" />
(设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
另外,iOS 7.1的Safari为meta标签新增minimal-ui属性,在网页加载时默认隐藏地址栏与导航栏
<meta name="viewport" content="minimal-ui">
此时点击顶栏区域便能切换为显示地址栏、导航栏,再点击页面主体区域则又使之隐藏。
- 解决网站部分用户访问browserconfig.xml文件返回404的问题
- 解决ajax程序访问服务器返回的XML文件时, firebug出现: XML 解析错误问题
- 解决国外用户访问网站慢的问题
- 解决部分网站无法访问的问题
- 解决部分网站不能上网的问题
- 使用casperjs访问部分https站点返回空的问题
- 解决Chrome在部分网站不能弹出上传文件对话框的办法及flash问题
- 解决Chrome在部分网站不能弹出上传文件对话框的办法及flash问题
- Linux系统下基于PMIPv6的-解决内网访问外网部分网站打不开,或者很慢的问题
- XP中如何解决备份文件夹拒绝访问问题(也可解决普通用户访问管理员用户的文件的权限问题)
- mtu设置--解决部分网站打不开的问题
- 在解决spring mvc 返回json对象 ie浏览器访问会出现下载文件问题的解决方案
- 解决使用GOOGLE字体网站访问慢的问题
- 解决无法从本机访问 SharePoint 网站的问题
- 解决Asp.net Web网站第一次访问慢的问题
- [ Silverlight]crossdomain.xml 解决 Silverlight 跨域访问的问题
- Twitter调查用户访问网站困难问题
- 解决部分网站内容不可复制问题
- java Collection 排序--单条件排序
- OpenCV实现验证otsu算法
- Win7 IIS7应用PHP Manager使用FastCGI通道快速部署PHP支持
- 自己实现的一个java版ngrok
- Sql Server 知识巩固
- 解决网站部分用户访问browserconfig.xml文件返回404的问题
- 如何收集文件夹中所有文件的名称
- Memcache 查看列出所有key方法
- centos6安装nginx
- Android控件架构
- 网络霸凌、收费阅读和内容创业
- DFS一直写不好啊啊啊
- 关于快速排序
- 设备World Wide Number的搜集方式