前端微信公众号开发

前端微信公众号开发

一些参数配置

<meta content="no" name="apple-mobile-web-app-capable">
删除默认的苹果工具栏和菜单栏
需要显示工具栏和菜单栏时，不需要添加，默认值为yes，即显示。

<meta name="apple-touch-fullscreen" content="yes"> 
添加到主屏幕后 全屏显示

<meta content="telephone=no,email=no" name="format-detection">
当该html页面在手机浏览时,该标签用于指定是否将网页内容的手机号码和邮件显示为拨号的超链接

<meta name="viewport" content="width=device-width,initial-scale=1,maxinum=1,minium-scale=1,user-scaleable=no">
width - viewport的宽度 height - viewport的高度   
initial-scale - 初始的缩放比例  
minimum-scale - 允许用户缩放到的最小比例   
maximum-scale - 允许用户缩放到的最大比例  
user-scalable - 用户是否可以手动缩放 

//针对打开多个页面的缓存
<meta http-equiv="Cache-Control" content="no-cache">
"Cache-Control"头域 指定请求和响应遵循的缓存机制.在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程(页面互不影响) 请求是时的缓存之类包括no-cache，no-store,max-age,max-stale,min-fresh,only-if-cached.响应消息终端指令包括public,private,no-cache,no-store,no-transform,must-revalidate,max-age.各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。
默认值为private,
//针对重新打开页面的缓存
<meta http="Pragrma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度,一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器不能脱机浏览)
参考网站,详情请见https://blog.csdn.net/m0_38073829/article/details/75453050
//针对刷新页面的缓存
<meta http-equiv="expires" content="0"> ,指定Expires值为一个早已过去的时间，那么访问此网时若重复在地址栏按回车，那么每次都会重复访问： Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如：禁止页面在IE中缓存 http响应消息头部设置： CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是个好东东，如果服务器上的网页经常变化，就把它设置为0，表示立即过期。