微信或移动端网页的meta

针对微信:

  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <!--必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容-->
        <meta http-equiv="Cache-Control" name="no-store" />
         <!--no-cache:不缓存--><!--no-store:缓存但不存档-->
        <!--user-scalable=no是专门针对页面不能进行缩放-->
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!--忽略页面中的数字识别为电话,忽略email识别,去除Android平台中对邮箱地址的识别-->
        <meta content="telephone=no,email=no" name="format-detection" />
        <!--windows phone 点击无高光-->
        <meta name="msapplication-tap-highlight" content="no">

针对移动端网站:

  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <!--开发后删除-->
        <!--必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容-->
        <meta http-equiv="Cache-Control" name="no-store" />
         <!--no-cache:不缓存--><!--no-store:缓存但不存档-->
        <!--开发后删除以上的内容-->
        <meta http-equiv="window-target" content="_top" />
        <!--防止别人在框架里调用自己的页面-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
        <meta name="HandheldFriendly" content="true" />
        <!-- 微软的老式浏览器 -->
        <meta name="MobileOptimized" content="320"/>
        <!--user-scalable=no是专门针对页面不能进行缩放-->
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!--忽略页面中的数字识别为电话,忽略email识别,去除Android平台中对邮箱地址的识别-->
        <meta content="telephone=no,email=no" name="format-detection" />
        <!--启用360浏览器的极速模式(webkit)-->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <!-- UC应用模式 -->
        <meta name="browsermode" content="application">
        <!--UC强制竖屏-->
        <meta name="screen-orientation" content="portrait">
        <!--QQ强制竖屏-->
        <meta name="x5-orientation" content="portrait">
        <!--windows phone 点击无高光-->
        <meta name="msapplication-tap-highlight" content="no">
时间: 2024-10-13 18:32:21

微信或移动端网页的meta的相关文章

移动端网页常用meta

今天在对前公司的某直播室前端进行改版时,整理了一下平时移动端页面开发时,最常用的meta.如下: <!--定义页面制作者,可以留姓名,也可以留联系方式--> <meta name="author" content="chenjunfeng"/> <!--向搜索引擎说明你的网页的关键词--> <meta name="keywords" contect=""/> <!--告诉搜

Java企业微信开发_09_身份验证之移动端网页授权(有完整项目源码)

注: 源码已上传github: https://github.com/shirayner/WeiXin_QiYe_Demo 一.本节要点 1.1 授权回调域(可信域名) 在开始使用网页授权之前,需要先设置一下授权回调域.这里瞬间想到之前做JSSDK的时候,也设置过一个域名.二者本质上都是设置可信域名. 当用户授权完毕之后,请求将重定向到此域名(或者子域名)下的执行者(jsp页面或者servlet等).如何设置授权回调域,请见第二节. 1.2 获取Code https://open.weixin.

微信端网页中图片的展示方式

一.微信端网页中图片的展示方式 微信端网页中图片有两种展示方式:平铺与图集.平铺的时候文档内的所有图片全部展开,点击图片则放大.图集的时候只展示一张图片,点击图片的时候以翻页的方式展示一组图片.实现原理对于如下一个图片标签,data-gid用于存放组标识,同一组的data-gid相同.data-index用于存放组中图片的展示顺序,不能相同.onclick中根据data-src处理图片展示.对于图集就只显示一张其他的img设置为隐藏,src与第一个图片一样,或者为空,这样可以减少网页的加载量,提

微信内嵌H5网页 解决js倒计时失效

项目要求:将H5商城页面嵌套到公司微信公众号里 项目本身的开发跟移动端网页并无太多差异,只是这昨天遇到一个问题,说是棘手,到也简单. 用户下单后,在选择支付方式页面,有个倒计时的逻辑(从下单时开始计算,24小时后未支付,会有ws自动取消这个订单),js代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <script type="text/javascript"><br>  var 

移动端网页开发三(纠结适配的那些年)

前面两篇文章介绍了移动端网页开发所要具备的基础知识. 今天着重来讲解移动端的适配方案. 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的.而移动端基本是没有兼容问题的,全是css3,简直不要太开心. 但是最明显的是适配问题. 什么是适配呢?做PC页面的时候,我们按照设计图的尺寸来就好,这个侧边栏200px,那个按钮50px.可是,当我们开始做移动端页面的时候,设计师给了一份640px的设计图.那么我们如何把这份设计图实现在各个手机上的过程就是适配. 我所接触过的适配方法,目前

微信公众号JSAPI网页支付

一.使用场景以及说明 使用场景:商户已有H5商城网站,用户通过消息或扫描二维码在微信内打开网页时,可以调用微信支付完成下单购买的流程. 说明:用户打开图文消息戒者扫描二维码,在微信内置浏览器打开网页进行的支付.商户网页前端通过使用微信提供的 JS API,调用微信支付模块.这种方式,适合需要在商户网页进行选购下单的购买流程. 二.准备工作 公共号支付需要提前在微信公共平台进行业务配置,包括设置支付授权目录.设置JS接口安全域名以及设置授权回调页面域名. 1.进行微信公众支付之前,我们需要申请个公

移动端网页设计经验与心得

原文:移动端网页设计经验与心得 智能手机发展确实很迅速,像今年,我的大部分工作就都在移动端网页上. 再往前些年,看到的手机版/移动版网页,限制于浏览器与手机性能,2g网络速度等 网页设计无非是蓝.黑.白,界面单调,并且要尽可能的设计简单. 现在情况就大不相同了,软件上webkit内核浏览器大行其道,硬件突飞猛进,网速来说,4g正炒得火热. 下面就和大家分享一下我的一些移动端网页设计经验与心得. ⒈ 分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有.要想在这些设备上都能

手机浏览器都是按照什么分辨率解析移动端网页的

无论是公司项目还是合作项目有时候都需要一些移动端网页开发的任务,比如扫描二维码之后或者内嵌到客户端里面的页面,等等. 本篇文章主要通过调研不同横向分辨率的移动设备的网页解析情况,来给出移动端网页设置宽度的建议. 在给出调研结果之前,如果你对移动端网页开发还不够了解的话,请先阅读"移动端网页开发基础". 各位都知道手机的横向分辨率多种多样,所以我们在编写代码之前都会加入一句: <meta name="viewport" content="width=d

移动端网页开发所要具备的基础知识二(视口)

做移动端网页,首先必须了解一些基本的概念. 最重要的是了解像素和视口. 我在上一篇文章中已经介绍了像素,这次我们再来谈谈视口. 视口 桌面浏览器中,浏览器窗口就是约束你的css布局视口(又称初始包含块).它是所有css百分比宽度推算的根源,它的作用是给css布局限制了一个最大宽度,视口的宽度和浏览器视口宽度一致. 但是在移动端,情况就很复杂了. 1??布局视口(layout viewport) 浏览器厂商为了让用户在小屏幕下网页也能很好地显示,所以把视口宽度设置地很大,一般在768px~1024