WeChat公衆番号については、いくつかのmetaタグを埋め込んでいます.

2495 ワード


最近はWeixinJSオブジェクトを微信公式プラットフォームに埋め込まれていますが、実はウェブアプリ="="=、微信に基づいてブラウザを内蔵しています.(safariにWeixinJSオブジェクトを追加しました.) http://mp.weixin.qq.com/s?__biz=MzA4MjMwNDQzOQ==&mid=200473874&idx=1&sn=7541441abe50a22f7d5545adc69eae66&key=e60cf81314c277c7924c692b2c5f64482bcf5943e5f8b7ff4505ec0db12b3dc4a97e75414d80514730f8cb2d2df5f69d&ascene=1&uin=ODI2ODQ5MzYw
WeChatのページmetaには:
?
1
2
3
4
5<meta http-equiv="X-UA-Compatible"content="IE=edge"><meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"><meta name="apple-mobile-web-app-capable"content="yes"><meta name="apple-mobile-web-app-status-bar-style"content="black"><meta name="format-detection"content="telephone=no"> 
以下では、それぞれのmetaについて説明します.
1:ウェブページがiPhoneブラウザで展示されているsizeを設定します.携帯電話のブラウザは、画面よりもページを仮想的な「ウィンドウ」に置くことで、通常はこの仮想的な「ウィンドウ」は画面よりも広いので、各ページを小さなウィンドウに押し込まなくてもいいです.モバイル版のSafariブラウザは最初にviewportというmetaを導入し、ウェブページの開発者にviewportの大きさやスケーリングを制御させ、他の携帯ブラウザも基本的にサポートしています.ここで:width:viewportのサイズを制御し、600の場合、または特別な値、例えばdevice-widthはデバイスの幅(単位は100%にスケールされた時のCSSのピクセル)です.height:widthに対応して高さを指定します.initial-scale:最初のズーム率、つまりページが初めて読み込まれたときのズーム率です.maximm-scale:ユーザーの縮退の最大の割合を許可します.minimum-scale:ユーザーの縮小を可能にする最小の割合.user-scalable:ユーザーが手動でスケーリングできるかどうか.
参考:http://blog.wpjam.com/m/viewport-meta-tag/